@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?by8k1n');
	src:url('../fonts/icomoon.eot?by8k1n#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?by8k1n') format('truetype'),
		url('../fonts/icomoon.woff?by8k1n') format('woff'),
		url('../fonts/icomoon.svg?by8k1n#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


a {
	text-decoration: none;
	border: none;
	color: inherit;
}

a img{
    border: 0px;
}

a:hover {
	color: #E84E0F;
}

h2 {
    font-size: 14px;
    /* text-transform: uppercase; */
    color: gray;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 6px;
}

.helpPage h2 {
    font-size: 17px;
    font-weight: 400;
    color: #e84e0f;
    margin-top: -2px;
}

/*
p {
	padding: 0px;
	margin: 0px;	
}
*/

.tut-accordion-content li {
    color: gray;
    padding: 0.1em 0 0.1em 0em;
    text-indent: 0;
    margin-left: 1.2em;
    list-style: disc;
}

.strong {
    color: inherit;
    font-weight: 600;
}


table {
	width: 938px;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 30px;
	
}


table p {
	margin-top: 0;
}

tbody {
	border: 0;
}

button {
	border: none;
	shading: none;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
}

button:active {
	outline: none !important;
}

button:focus {
	outline: none !important;
}

.termsTable tr {
	height: 40px;
	min-height: 40px;
	border-top: 1px solid #f6b89f;
	border-bottom: 1px solid #f6b89f;
	
}

.termsTable th {
	background-color: #ededed;
	text-align: left;
	vertical-align: bottom;
	padding: 0px 10px 5px 10px;
	color: #4f5252;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	height: 46px;
}


.termsTable td {
	padding: 13px 10px 15px 10px;
	vertical-align: top;
}

.termsTable td:first-child {
	width: 200px;
}



#page {
	/* background-color: beige; */
	min-height: 100%;
	height: auto !important;/* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -120px;/* the bottom margin is the negative value of the footer's height */
}

#pageTopBar {
	position: absolute;
	/* left: 0; */
	top: 158px;
	height: 34px;
	background-color: white;
	display: block;
	width: 100%;
	box-sizing: border-box;
	 box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.075);
	border-bottom: 1px solid #DEDAD9;
	/* background-color: #F7F5F5; */
	/* border-top: 1px solid #E7E4E4; */
}

#pageWrapper {
	width: 1022px;
	margin-left: 24px;
	margin-right: auto;
	padding: 41px 0 0 0;
	/* overflow: auto; */
	box-sizing: border-box;
	background-color: #ffffff;
	min-height: calc(100vh - 313px);
}

#pageNoMin {
	width: 100%;
	background-color: #f0edee;
	height: auto;
}

#contentCentre {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;	
}

#content {
	position: relative;
	background-color: #FFFFFF;
	margin: 0 auto -120px;
	/* height: calc(100vh - 134px); */
	width: 1024px;
	min-height: 100%;
	display: block;
}

/*#contentFullPage {
	: relative;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 1024px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	box-shadow: 0px 0px 10px #DBDADA;
	-webkit-box-shadow: 0px 0px 10px #DBDADA;
}*/

/*.heightCropped {
	height: 967px;
}*/

.innerContent {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-top: 1px solid #f5af93;
	padding: 30px 260px 24px 52px;
}

#headerFullWidth {
	position: absolute;
	background-color: white;
	border-top: 14px solid #e84d0e;
	height: 177px;
	width: 100%;
	box-sizing: border-box
	display: block;
	box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.075);
	border-bottom: 1px solid #DEDAD9;
}

.headerSubMenu {
    position: absolute;
    z-index: 10;
    text-align: left;
    background-color: white;
    display: none;
    border: 1px solid lightgray;
    border-top: 6px solid #bfc6d3;
    border-bottom: 6px solid #bfc6d3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -13px;
    /* margin-top: -14px; */
    -webkit-box-shadow: 0px 8px 11px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 8px 11px 0px rgba(0,0,0,0.15);
}

#logoBar {
	background-color: white;
	position: relative;
	width: 1024px;
	padding: 0px;
	height: 144px;
	display: block;
	margin: 0 auto;
	border-top: 14px solid #e84d0e;
}

#topMenu {
	/* background-color: #F7F5F5; */
	box-sizing:border-box;
	display: block;
	position: relative;
	/* width: auto; */
	height: 34px;
	border-bottom: 1px solid #DEDAD9;
	z-index: 100;
	padding: 3px 24px 0 11px;
	/* overflow: hidden; */
	box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.075);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	/* border-top: 1px solid #E7E4E4; */
}

.topMenuItem {
	position: relative;
	box-sizing: border-box;
	float: left;
	display: inline;
	margin: 8px 32px 0px 14px;
	cursor: pointer;
	color: #787776;
	font-weight: 600;
	text-decoration: none;
	padding-bottom: 4px;
	background-color: rgba(0,0,0,0);
}

.selectedOrange {
	color: #e84d0e;
	border-bottom: 5px solid #e84d0e;
	background-color: rgba(0,0,0,0);
	box-sizing: border-box;
}

.selectedOrange p {
	border-bottom: 4px solid #e84d0e;

}

.topMenuLink {
	position: relative;
	box-sizing: border-box;
	float: right;
	display: inline;
	margin: 0px 5px 0px 22px;
	cursor: pointer;
	color: #787776;
	font-weight: 600;
	text-decoration: none;	
	padding-bottom: 6px;
	/* background-color: #DFDFDF; */
	display: inline;
}

#iframeDiv {
	background-color: white;
/*	display: block;*/
	height: calc(100% - 328px);
	box-sizing: border-box;
}

#ifrm {
	padding: 0px;

	border: none;
	width: 1024px;
	height: 785px;
	overflow: hidden;
	margin-left: -25px;
	margin-top: -15px;
}

.homeWrapper {
	width: 1024px;

}


#iframeDivInner{
	position: absolute;
	float: left;
	background-color: white;
	display: inline;
	width: 802px;
	height: 100%;
	left: 221px;
	box-sizing:  border-box;
/*	background-color: red;*/
}

#leftMenu {
	background-color: #e4e3e4;
	padding-top: 18px;
	float: left;
	display: block;
	width: 221px;
	height: calc(100% + 3px);
	border-top: 1px solid #f5af93;
	border-bottom: 1px solid #f5af93;
	border-right: 1px solid #cccccc;
	-ms-transform: translate(0px,-2px);  /*IE 9*/ 
	-webkit-transform: translate(0px,-2px);  /*Safari*/ 
	transform: translate(0px, -2px);
	z-index: 1;
	box-shadow: 3px 0px 3px -3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 0px 3px -3px rgba(0,0,0,0.2);
	position: absolute;
	box-sizing: border-box;
}
	
.buttonDiv {
	width: 220px;
	box-sizing: border-box;
	height: 55px;
	/*border-right: 1px solid #C3C3C3;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #e4e3e4;
	padding: 4px 14px 4px 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

}

.buttonDiv p {
	font-weight: 400;
	font-size: 14px;
	color: #4f5252;
	
	padding: 14px 9px 0 4px;
}

.mainTab {
	font-family: 'Open Sans';
	float: left;
	display: inline;
	font-weight: 400;
	font-size: 14px;
	background-color: #F1EDE0;
	border: 1px solid #F1EDE0;
	padding: 12px 20px 12px 20px;
	color: #797672;
	margin-right: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mainTabSelected {
	background-color: #565554;
	border: 1px solid #565554;
	padding: 12px 70px 12px 70px;
	color: #f4f2ef;
}

.subTabContainer {
    position: relative;
    left: -5px;
    z-index: 10;
}


.subTab {
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 12px;
		margin-right: 2px;
		border-radius: 30px;
		text-transform: uppercase;
		letter-spacing: 0.3px;
		background-color: #F1EDE0;
		color: #6D6760;
		padding: 18px 20px;
		cursor: pointer;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* box-sizing: border-box; */
}

#main-help .subTab p {
    margin: 0;
}

.subTabSelected {
    background-color: #E84E0F;
    padding: 18px 70px;
}

.subTabSelected p {
    color: #f4f2ef;
}

/*
#faqContainer .subTabSelected {
    background-color: #7d889a;
    padding: 18px 70px;
}
*/
	

.expandTab {
	font-size: 13px;
	background-color: rgba(99, 117, 152, 0.8);
	padding: 17px 0px 17px 13px;
	color: white;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* margin-bottom: 30px; */
	width: 100%;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid white;
}

.expandButton {
	position: absolute;
	width: 22px;
	height: 22px;
	right: 10px;
	top: 16px;
	padding: 0;
	transform: rotate(0deg);
    background-image: url(../images/crossLight.png);
	background-image: url(../images/crossLight.svg), none;
    opacity: 0.75;
    transition: .5s;
}

.downloadButton {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 10px;
	top: 13px;
	padding: 0;
	background-image: url(../images/download.png);
	background-image: url(../images/download.svg), none;
	opacity: 0.75;
}


.expandTabBody {
	border: 1px solid #E4E0D0;
    background-color: #ffffff;
	margin-right: 5px;
	color: #797672;
	width: 100%;
	box-sizing: border-box;
	padding: 11px;
	display: none;
	border-top: none;
	padding-top: 16px;
	padding-bottom: 20px;
    position: relative;
    font-size: 13px;
    height: 285px;
    box-sizing: border-box;
    overflow: auto;
}

.rotate {
    transform: rotate(45deg);
    opacity: 1;
    transition: .5s;
    filter: alpha(opacity=0);
}
.rotate2 {
    transform: rotate(0deg);
    transition: .5s;
	opacity: 1;
}

.rotateHidden {
    transform: rotate(-45deg);
    transition: .5s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tutorialThumbnail {
	margin-top: 10px;
	padding: 10px;
	box-shadow: 1px 1px 4px 1px rgba(200,200,200,0.4);
	height: 180px;
	border: 1px solid #dedede;
	display: inline-block;
	position: relative;
}

.tutorialThumbnail img {
    height: 100%;
    width: auto;
}

.tutorialThumbnail2 {
    height: 167px;
    width: auto;
    border: 1px solid #dedede;
    margin-top: 6px;
}

.tutorialThumbnailRight {
    right: 10px;
    top: 46px;
    position: absolute;
}

.evHelp .tutorialThumbnail {
    padding: 0;
    height: 202px;
}

.comingSoon div {
    position: absolute;
    color: #818386;
    font-size: 15px;
    text-align: center;
    line-height: 197px;
    text-transform: uppercase;
    font-weight: 600;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: default;
/*    background-color: rgba(243, 243, 243, 0.5);*/
}

.halfOpacity {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.comingSoon img {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.productThumbnailRight {
    width: 280px;
    position: absolute;
    right: 10px;
    top: 46px;
}

.productThumbnailRight img {
    width: 100%;
}

.linkNotActive {
  cursor: Default !important;
}

.leftHalf .tutorialThumbnail {
    position: relative;
    display: inline-block;
    margin: 5px 0 15px;
    top: 0;
    border: 1px solid lightgray;
}

.pageContent {
/*	display: none;*/
	width: 100%;
	/* overflow: auto; */
	box-sizing: border-box;
	margin-left: 24px;
	margin-top: 41px;
	/* width: 976px; */
}	

.helpPage {
   overflow: hidden;
}
	
.helpWindow {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    min-height: 800px;
    /* width: 984px; */
    /* left: -12px; */
    padding-left: 0px;
    /* overflow: hidden; */
}

.helpContentAll {
	display: none;
	clear: left;
	margin-top: 0px;
	width: 3260px;
	background-color: #ffffff;
	position: relative;
	/* overflow: visible; */
	/* background-color: lightgreen; */
	left: 0px;
	/* min-height: 4000px; */
}

.sliderRHS, .sliderMIDDLE {
	display: none;
	vertical-align: top;
	margin-left: 50px;
	opacity: 0;
	position: relative;
	width: 982px;
}

.helpIframe {
  position: relative;
/*  opacity: .25;*/
}

.linkIcon:after {
    background-image: url('../images/customleaficon.png');
    background-image: url('../images/customleaficon.svg'), none;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 100%;
    right: -27px;
    top: 1px;
    content: ' ';
    position: absolute;
}

.helpContent {
    display: none;
}

.displayIsBlock {
	display: inline-block;
}

#RT-Home, #Atlas-Home {
/*
	position: relative;
	display: inline-block
*/
}

#RT-PointAndClick, #Atlas-PointAndClick, #HAP-PointAndClick, #EV-PointAndClick, #AR-PointAndClick {
    margin-top: -8px;
    margin-left: 26px;
   -webkit-overflow-scrolling: touch; 
    overflow: hidden;
	width: 1022px;
}

#RT-AccessGuide {
    margin-left: 35px;
}

#RT-AccessGuide #contentTutorials {
    padding-left: 13px;
}

#contentIpadAccessGuide {
/*
    width: 564px;
    overflow: hidden;
*/
}

.accessTypeButtonWrapper {
    padding: 25px 0;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    margin: 20px 0 34px 0;
    width: 580px;
	text-align: center;
}

#harPointAndClickIF, #rtPointAndClickIF, #hapPointAndClickIF, #evPointAndClickIF, #arPointAndClickIF {
  visibility: hidden;
	 width: 1022px;
    height: 760px;
}

#evPointAndClickIF, #arPointAndClickIF {
    margin: 0px 0 0 -24px;
}

#EV-PointAndClick, #RT-AR-PointAndClick {
    margin-left: 50px;
    width: 972px;
}

#PandC-Parent {
    border: none;
    background: none;
    padding: 0;
}

.sliderLHS {
    display: inline-block;
    width: 982px;
    min-height: 1107px;
}

.helpLoading {
    width: 1010px;
}

.hiddenItem {
	display: hidden;
}

.rightAlign {
	position: absolute;
	right: 0px;
	top: 10px;
}

.bottomRightAlign {
	position: absolute;
	right: 27px;
	bottom: 12px;
}

.bottomLeftAlign {
	position: absolute;
	left: 23px;
	bottom: 10px;
}

#anatomyContentDiv {
	padding: 0;
	margin: 0px;
	width: 803px;
	background-color: white;

}

#tabBar {
	height: 36px;
	width: 803px;
	box-sizing: border-box;
	border-bottom: 1px solid #f6d1c2;
	background-color: #ededed;
	box-shadow: 3px 0px 3px -3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 0px 3px -3px rgba(0,0,0,0.2);
}

#moduleDiv {
	padding: 15px 0 0 0;
	width: 750px;
	margin-left: auto;
	margin-right: auto;	
}

#tabButtonContainer {
	position: relative;


	height: 100%;
	background-color: none;
	margin-left: 12px;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.anatomyButton {
	box-sizing: border-box;
	background-color: #ededed;
	display: inline-block;
	height: 100%;
	color: #eb6027;
	width: 123px;
	margin-left: 23px;
	font-weight:800;
	font-size: 11px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: center;
    cursor: pointer;
    
}

.languageButton {
	box-sizing: border-box;
	background-color: #ededed;
	display: inline-block;
	height: 100%;
	color: #eb6027;
	width: 81px;
	margin-left: 10px;
	font-weight:700;
	font-size: 11px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: center;
    cursor: pointer;
	transform: translate(13px, 0px);
}

#anatomyiFrameDiv {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0;
	width: 803px;
	height: 784px;
	display: block;
	clear: both;
	overflow: hidden;
	background-color:  none;
}

#blueSearchBar {
	width: 803px;
	position: relative;
	box-sizing: border-box;
	background-color: #99b1d3;
	height: 90px;
	padding: 8px 0px 8px 46px;
	border-top: 1px solid #7c90b0;
	border-top: 1px solid #8ea8ce;
	margin-top: 15px;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
}

.inputTextBox {
	box-sizing: border-box;
	display: inline;
	float: left;
	width: 396px;
	height: 32px;
	color: #6f6e6e;
	padding-left: 11px;
	border: none;
	margin-left: 2px;
	font-weight: 300;
	margin-bottom: 10px;
	font-size: 12px;
}

.leftInlineButton {
	display: inline;
	padding:0px;
	margin: 0px;
	float: left;
	cursor:pointer;
}


/*.searchFilter {
	display: table;
	width: 800px;
	padding-top: 8px;
}*/

#productTitleContainer {
	padding-top: 9px;
	width: 744px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
/*	padding: 18px 0px 0px 50px;*/
/*	background-color: grey;*/

	background-color: none;
}

.productTitles {
	box-sizing: border-box;
	width: 176px;
	height: 178px;
	background-color: #ebe7d8;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	padding: 16px;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.productTitles p {
	font-family: 'Open Sans';
	font-weight: 500;
	font-size: 14px;
	color: #4f5252;
	margin: 0;
}



input[type=checkbox].css-checkbox {
	position:absolute; 	
	z-index:-1000; 
	left:-1000px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0; 
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:25px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-: 0 0;
	font-size:12px;
	font-weight: 700;
	color: white;
	vertical-align:middle;
	cursor:pointer;
	

}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-: 0 -20px;
}

label.css-label {
	background-image:url("../assets/images/checkbox.png");
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



#searchTable {
	width: 572px;
}

#searchTable tr {
	height: 26px;
}

#searchTable td {
/*	border: 1px solid blue;
	background-color: grey;*/
	width: 13%;
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
	border: none;
}

#searchTable td:last-child {
/*	border: 1px solid blue;
	background-color: grey;*/
	width: 20%;
}

#searchTable p {
	color: white;
	font-size:12px;
	font-weight: 800;
	text-align: right;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


#blueModalBar {
	position: relative;
	width: 803px;
	display: block;
	box-sizing: border-box;
	background-color: #99b1d3;
	height: 45px;
	padding: 7px 24px 8px 21px;
	box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.05);
	color: #ffffff;
	font-size: 19px;
	border: 1px solid #9fb5d5;
	z-index: 10;
}

#whiteModalBar {
	width: 803px;
	display: block;
	box-sizing: border-box;
	background-color: white;
	height: 34px;
	padding: 16px 24px 0px 21px;
	color: #ed713f;
	font-size: 14px;
	font-weight: 600;
}

#modalBottomBar {
	width: 803px;
	height: 46px;
	background-color: #F3F3F3;
	text-align: right;
	font-weight: 600;
	box-sizing: border-box;
	color: #ed713f;
	text-size: ;
	font-size: 16px;
	display: table;
	position: absolute;
	margin-top: 620px;
	z-index: 2000;
	border-top: 1px solid rgb(191, 189, 187);
	table-layout: fixed;
	float:  left;
}
	
.middleRight {
    display: inline;
    display: table-cell;
    vertical-align: middle;
	cursor: pointer;
	height:  46px;
	text-align: right;
	letter-spacing: -0.5px;
}

/*#videoModal {
     width:976px;
     height: 660px;
     margin: 20px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}*/

/*body {
     height:100%;
     margin:0;
     padding:0;
}*/

#modalOuterDiv {
	opacity: 1;
	position: relative;
	background-color: white;
	width: 803px;
	height: 742px;
	border: 1px solid grey;
	margin-left:   auto;
	margin-right:  auto;
	margin-top: 105px;
	-webkit-box-shadow: 0px 0px 6px 5px rgba(3, 0, 0, .05);
 	-moz-box-shadow: 0px 0px 6px 5px rgba(3, 0, 0, .05);
	box-shadow: 0 0 6px 5px rgba(3, 0, 0, 0.1); 
	z-index: 1000;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;
}
	
#closeButtonDiv {
	position: absolute;
	width: 26px;
	height: 26px;
	right: 2px;
	top: 2px;
	display: table;
	cursor: pointer;
	translateX(13px);
	translateY(-13px);
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
	z-index: 20;
}

#iFrameModules {
	width: 803px;
	height: 746px;
}

#modalBlock {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 500;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

#moduleTableDiv {
	position: absolute;
	box-sizing: border-box;
	text-align: left;
	width:100%;
	height:auto;
	/*background-color: red;
	opacity: 0.25;*/
	padding: 9px 0 0 20px;
}

.moduleCell {
	position: relative;
	background-color: rgba(255,255,255,0);
	width: 122px;
	margin: 0 12px 4px 16px;
	height: 109px;
	display: inline-block;
	cursor: pointer;
}

.checked {
	background-image:url(../assets/images/moduleTickIcon.png);
	background-repeat: no-repeat;
	background-: right 2px top 1px;
	background-color: rgba(255,255,255,0);
	
}

.moduleTickDiv {
	background-color: yellow;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
}

input[type=checkbox].module-checkbox {
	position:absolute; 	
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0; 
	border:0;
}

input[type=checkbox].module-checkbox + label.module-label {
	padding-left:25px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-: 0 0;
	font-size:12px;
	font-weight: 700;
	color: white;
	vertical-align:middle;
	cursor:pointer;
	

}

input[type=checkbox].module-checkbox:checked + label.module-label {
	background-: 0 -20px;
}

label.module-label {
	background-image:url("../assets/images/checkbox.png");
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.indexHolder {
	display: inline-block;
	background-color: none;
	width: auto;
	height: 34px;
	margin-top: 2px;
	transform: translate(-16px,0);
}

.indexButton {
	box-sizing: border-box;
	width: 26px;
	height: 28px;
	color: white;
	display: inline-block;
	background-color: none;
	text-align: center;
	font-weight: 800;
	cursor: pointer;
	padding-top: 4px;
	margin-top: 2px;
	margin-left: 3px;
	margin-bottom: 6px;
}

.pickModules {
	position: absolute;
	display: inline-block;
	background-color: none;
	height: 26px;
	right: 27px;
	bottom:  7px;
	color: white;
	font-weight: 700;
	font-size: 12px;
	cursor: pointer;
}

.nonSelectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.searchResults {
	width: 680px;
	background-color: none;
	color: #6F6E6E;
	line-height: 24px;
	margin-left: 47px;
	margin-top: 17px;
}

.audio:after {
	padding: 0 0px 0 8px;
	vertical-align:text-top;
	content: url(../assets/images/pronounceIcon.png);
}

.threeD:before {
	padding: 0 4px 0 0px;
	vertical-align:text-top;
	content: url(../assets/images/3dViewIcon.png);
}

.article:before {
	padding: 0 4px 0 0px;
	vertical-align:text-top;
	content: url(../assets/images/articleIcon.png);
}

.slide:before {
	padding: 0 7px 0 0px;
	vertical-align:text-top;
	content: url(../assets/images/slideIcon.png);
}

.topic:before {
	padding: 0 5px 0 0px;
	vertical-align:text-top;
	content: url(../assets/images/topicIcon.png);
}

.movie:before {
	padding: 0 5px 0 0px;
	vertical-align:text-top;
	content: url(../assets/images/movieIcon.png);
}

.searchResults a {
	color: #e84d0e;
	font-weight: 600;
}

.searchResults img {
	padding: 1px 6px 0 0;
	vertical-align:text-top;
	
}

.indent1 {
	margin-left: 23px;
}

.indent2 {
	margin-left: 46px;
}

.indent3 {
	margin-left: 69px;
}

#contentHome {
	margin-bottom: 20px;
	width: 976px;
}

/*.open-content {
	background-color: #F4F1EA;
	box-sizing: border-box;
	border-right: 1px solid #e0dcdc;
	border-left: 1px solid #e0dcdc;
}*/

/*.iframeTitle {
	font-family: 'Open Sans';
	width: 220px;
	font-weight: 400;
	font-size: 14px;
	color: #e84d0e;
	padding: 34px 0 0 25px;
}*/

a.faqLink:link {
	text-decoration: none;
	border: none;
	font-weight: bolder;
	color: #ED4807;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
}

a.faqLink:visited {
	color: #ED4807;
}


.vt_introText {
   font-size: 15px; 
  line-height: 1.3em;
  margin: 0 90px 24px 0;
}

/*
.title {
	font-weight: 400;
	margin: 0 70px 5px 0;

}
*/

.linkImageTitleText {
  color: #565554;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  
}

/*.userGuideTable {
	border-collapse: collapse;
	width: 1024px;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	padding: 0;
}*/

/*.helpTable td {
	padding: 0px 70px 0 0;
	text-align: top;
	vertical-align: top;
	
	width: 50%;
	color: yellow;
}*/


.faqBullet {
	list-style-position: outside;
	margin-left: 1.2em;
}

ul {
	margin: 0;
	padding: 0;
}
/*USER GUIDE*/

/*.userGuideTable {
	border-collapse: collapse;
	width: 964px;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	padding: 0;
	vertical-align: top;
	margin-top: 0px;
}*/

.atvBody {
  color: #797672;
  font-family: 'Open Sans',sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 90px 61px 0;
}

.title {
	font-weight: 400;
	margin: 0 70px 5px 0;
	color: #969491;
	margin-left: 1px;
	font-size: 16px;
	margin-bottom: 10px;
}

.arrowDiv {
	width: 6px;
	height: 11px;
	background-color: blue;
	display: inline;
	float: right;
	background-image:url('../images/smallArrow.png');
	position: relative;
	margin: 8px 9px 0px 0px;
}

.arrowRight {
	font-size: 18px;
	margin: 0 0 0px 4px;
	line-height: 22px;
	padding-top: 1px;
	display: inline-block;
}

/*END - USER GUIDE*/


.productThumbnail {
	margin-left: 59px;
	margin-top: -1px;
	float: left;
}

#stepLinkDivert {
	display: block;
	position: absolute;
	left: 514px;
	top: 151px;
	background-color: rgba(0,0,0,0.5);
	width: 280px;
	height: 280px;
	z-index: 100;
	cursor: pointer;
}

#resourceiFrame {
	width: 1015px;
	height: 727px;
	border: none;
	margin-left: -25px;
}

#rtHelpiFrame {
	width: 1015px;
	height: 795px;
	border: none;
	/* transform: translate(0px, 6px); */
}

#helpiFrame {
	width: 1015px;
	height: 814px;
	border: none;
	transform: translate(0px, 6px);
}

#homeiFrame {
	width: 974px;
	height: 720px;
	border: none;
	border: 1px solid #D5D1D1;    
	-webkit-box-shadow: 0px 4px 18px -1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 4px 18px -1px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.15);
}

#AandPSG {
	float: left;
	width: 325px;
	height: 194px;
}

.helpChoiceWrapper {
   width: 972px;
    position: relative;
} 

.helpChoiceWrapper p {
    width: 620px;
    height: 110px;
}

.helpChoiceWrapper .contributors p {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 1.3em;
}

.subtleBold {
	font-weight: 700;
    font-size: 95%;
}

.buttonArrowRight {
	width: 20px;
	height: 21px;
	background-image: url(../images/arrow-right.png);
    background-image: url(../images/arrow-right.svg), none;
	vertical-align: bottom;
	fill: orange;
}

.chevron {
    display: inline-block;
    width: 30px;
    height: 36px;
    background-image: url(../images/CHEVRON.png);
    background-image: url(../images/CHEVRON.svg), none;
}

.floatRight {
	float: right;
}

.link-fix .floatRight {
	margin-top: -4px;
}

.accordionPage {
	width: 982px;
	padding-bottom: 20px;
    position: relative;
}




#accordion-title {
	font-size: 16px;
	color: gray;
	border-bottom: 1px solid #DFDFDF;
	font-family: "Open Sans", Verdana, sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	padding-bottom: 5px;
	padding-top: 4px;
	margin-bottom: 2px;
	position: relative;
	width: 972px;
}

#accordion-title.link-fix {
    position: absolute;
    width: 982px;
    margin-top: 12px;
    z-index: 10;
    height: 24px;
    margin-left: 24px;
}

.link-fix:before {
    width: 110px;
    height: 30px;
    position: absolute;
    background-color: white;
    display: block;
    content: '';
    right: 0;
   top: -7px;
}


.titleLink {
	font-size: 15px;
	color: inherit;
	vertical-align: bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	position: relative;
}

.graphicLinkBlock {
	float: left;
	padding-right: 26px;
	/* display: inline; */
}

.graphicLinkBlock:hover {
	color: #e84d0e;
}

.icon-chevron-thin-right:before {
	content: "\e90a";
    position: absolute;
    top: 5px;
    padding-left: 4px;
    font-size: 20px;
}

.helpChoice .icon-chevron-thin-right:before {
    content: '';
    width: 26px;
    height: 30px;
    background-image: url('../images/chevron-pp.svg'), none;
    background-image: url('../images/chevron-pp.png');
    background-position: 50% -1px;
    background-repeat: no-repeat;
    top: 0;
    padding-left: 0;
    opacity: 0.8;
    height: 100%;
}

.icon-chevron-thin-right-ipad:before {
	content: "\e90a";
    position: absolute;
    top: 6px;
    padding-left: 4px;
    font-size: 20px;
    margin-top: 2px;
}

.icon-chevron-thin-left:before {
    content: "\e90b";
    position: absolute;
    margin-left: -20px;
    font-size: 18px;
    background-color: white;
    top: 5px;
   display:none;
}

.icon-chevron-thin-left-ipad:before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url('../images/chevron-pp.svg'), none;
    background-image: url('../images/chevron-pp.png');
    background-position: 50%;
    background-repeat: no-repeat;
    top: 0;
    padding-left: 1px;
    opacity: 0.8;
}

.block {
	display: block;
	overflow: auto;
	width: 100%;
}

.helpChoice {
    position: relative;
    font-family: inherit;
    text-align: inherit;
    font-size: 15px;
    color: inherit;
    background-color: white;
    padding: 4px 0 3px 0;
    /* top: -4px; */
    cursor: pointer;
}

.helpChoice:hover {
	color: #e84d0e;
}

.helpBack {
   background-color: rgba(99, 117, 152, 0.8);
   color: #ffffff;
   padding: 3px 8px;
   top: -4px;
   font-size: 12px;
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
}

.helpBack:hover {
   color: #d8dce1;
}

.helpBack:before {
    width: 25px;
    height: 25px;
    content: '';
    border: 12px solid rgba(255,255,255,0);
    position: absolute;
    border-right: 12px solid rgba(99, 117, 152, 0.8);
    box-sizing: border-box;
    left: -25px;
    top: 0;
}

.no-border {
	border: none !important;
}


/*
#userGuideContent {
	text-align: left;
	padding-left: 22px;
	width: 660px;
	position: relative;
}
*/

.allCapsSubHeading {
    text-transform: uppercase;
    color: #E84E0F;
    border-bottom: 1px solid #FFAF8E;
    font-size: 14px;
    padding-bottom: 5px;
		font-weight: 600;
		clear: left;
		margin-top: 40px;
		margin-bottom: 10px;
}

.col-1-userGuide {
	width: 370px;
	float: left;
}

.col-2-userGuide {
	width: 270px;
	float: left;
	
}

.linkGraphic {
	border: 1px solid lightgray;
	margin-top: 3px;
	margin-bottom: 26px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(102,102,102,0.3);
	-moz-box-shadow: 4px 4px 5px 0px rgba(102,102,102,0.3);
	box-shadow: 4px 4px 5px 0px rgba(102,102,102,0.3);
	margin-bottom: 25px;
}

.cursorDefault {
    cursor: default;
}

.welcomeTable {
   display: table;
   width: 100%;
}

.welcomeTableCell {
   background-color: #dfdbe6;
   letter-spacing: -0.015em;
   width: 50%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: table-cell;
   cursor: pointer;
   position: relative;
   text-decoration: none;
   padding: 12px 12px 10px 11px;
   color: #6a7481;
}

.welcomeTableCell p {
   font-size: 11px;
   padding: 10px 0px 2px 0px;
   font-weight: 600;
   margin: 0;
   line-height: 1.1em;
   opacity: 0.95;
   color: #627084;
}

.welcomeTableCell:first-child {
   border-right: 4px solid white;
}

.welcomeTableCell:last-child {
   border-left: 4px solid white;
}

.welcomeTableCell:hover {
   background-color: #eae3ce;
   color: #5f6a77;
}

.findOutMore {
   padding-top: 2px;
   width: 272px;
}

.findOutMore h1 {
   padding: 13px 0 7px;
}

.findOutMore a {
   height: 64px;
   background-color: #c9c2d6;
   padding: 7px 10px 10px 8px;
   font-size: 14px;
   color: #556172;
   font-weight: 400;
}

.findOutMore a:hover {
   background-color: #eae2cd;
   color: #5f6a77;
}

.helpChoice.about {
    /* position: absolute; */
    /* bottom: 0; */
    /* height: 244px; */
    /* top: 41px; */
    /* background: #eaeaea; */
    box-sizing: border-box;
    line-height: 1.15em;
    bottom: 0px;
/*    padding-top: 53px;*/
}

.helpContributors {
    position: absolute;
    height: 90%;
    background: white;
    border: 1px solid lightgray;
    margin: 0 auto;
    overflow: hidden;
    top: 50%;
    transform: translate(-50%, -51%);
    z-index: 200;
    left: 50%;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2);
    width: 973px;
    margin-left: -4px;
    border-top-right-radius: 12px;
    box-sizing: border-box;
}

.about .rtHomeTitle {
    /* margin-top: 20px; */
    /* margin-bottom: 0; */
}

.about .findOutMore a {
    height: 76px;
    padding: 9px 11px;
    font-size: 15px;
    /* line-height: 1.2em; */
}

#authors h1 {
    padding: 0 0 .1em;
    position: relative;
    font-weight: 600;
}

.welcomeBody h1, .welcomeHeader h1 {
    font-weight: 400;
    /* font-size: 15px; */
    line-height: 1.2em;
    margin: 0;
    padding: 23px 0 11px;
    letter-spacing: -.02em;
}

#authors p {
    padding: .1em 0 1em;
    margin: 0;
}

.welcomeBody {
    padding: 15px 15px 12px 20px;
    box-sizing: border-box;
    /*    opacity: 0;*/
    transition: opacity .25s;
    color: #6e6e6e;
    overflow: auto;
    height: calc(100% - 64px);
}

.welcomeBody p {
    color: inherit;
}

.welcomeBody ul {
    padding-left: 1em;
    margin-top: 0;
    list-style: disc;
}

.welcomeBody li {
    padding: 4px 0 20px;
    font-weight: 600;
    font-size: 15px;
    margin-left: .4em;
}

.welcomeBody span {
    font-size: 13px;
    display: block;
    line-height: 1.2em;
    padding-top: 2px;
    font-weight: 400;
    color: #8a8a8a;
}

.titleBar {
    padding: 23px 15px 0 20px;
    height: 64px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
}

.titleBar .rtHomeTitle {
    /* border-bottom: 1px solid #dbdbdb; */
    padding: 0;
    margin: 0;
}

span.semiBold {
    font-size: inherit;
    display: inline;
    font-weight: 600;
    color: inherit;
}

img.palmsHelpImage {
    max-width: 600px;
    margin: 18px 0 30px 0;
    border: 1px solid lightgray;
}

h3.palmsHelp {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    color: gray;
}

.inlineHelpImage {
    width: 62px;
    height: 62px;
    display: inline-block;
    vertical-align: middle;
}

.inlineHelpImage.embed {
    width: 49px;
    height: 62px;
    background: #28303b url(../images/embed-icon.png) -1px 50% / 52px;
}

.inlineHelpImage.code {
    background: url(../images/code-icon.png) 50% -2px / 71px;
}

.inlineHelpImage.copy {
    background: url(../images/copy-icon.png) 50% -6px / 71px;
}

ol.withIcons li {
    padding: 1.2em 0 1.2em 0.6em;
}

ol.withIcons li.withIcon {
    padding: 0.2em 0 0.2em .6em;
}

/* iPad */
@supports (-webkit-overflow-scrolling: touch) {
    .helpBack {
        padding-top: 1px;
        padding-bottom: 0px;
        line-height: 0em;
        box-sizing: border-box;
        height: 25px;
    }
}

/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/