.btn-row .btn {
    float: right;
    margin-left: 10px;
}

.dynamicHelpUnit
{
	display:none;
	padding: 35px 20px 35px 20px;
    border: 1px solid #333;
    background-color: #FFFF94;
    box-shadow: 2px 3px 6px rgba(54, 53, 53, 0.9);
    z-index: 999999999;
    color:black;
    font-size:15px;
    text-transform: none !important;
    text-align: left !important;
}

.dynamicHelpUnit.yellowPointy
{
	width:515px;
}
.dynamicHelpUnit p
{
	line-height: 2;
	font-size:15px;
} 
.dynamicHelpUnit h1
{
	font-size:18px;
}

.dynamicHelpUnit .rightClose
{
    cursor: pointer;
    font-size: 27px;
    float: right;
    display: inline-block;
    color: #bdbdbd;
    position: relative;
    top: -19px;
    left: 4px;
}

.dynamicHelpUnit .contentWrap
{
	padding:0 10px 0 10px;
	white-space: initial;
}
.dynamicHelpUnit.arrowLeftTop:before,
.dynamicHelpUnit.arrowLeftBottom:before
{
    content: "";
    position: absolute;
    
    left: 35px;
    height: 20px;
    width: 20px;
    background: #FFFF94;
    box-sizing: border-box;
    transform: rotate(45deg) translate(-50%);
    -ms-transform: rotate(45deg) translate(-50%); /* IE 9 */
    -webkit-transform: rotate(45deg) translate(-50%); /* Chrome, Safari, Opera */
    border-bottom: none;
    border-right: none;
    border-left:none;
    border-top: none;
    border-style:none;
    border-color:#FFFF94;
    z-index: -1;
    box-shadow: none;
    
    

    
    
}
.dynamicHelpUnit .typing
{
	color:#fa5100;
	font-weight: bold;
	
}

.dynamicHelpUnit ul.items
{
	padding-left:10px;
	margin-top:20px;
	
}
.dynamicHelpUnit ul.items li
{
	margin-bottom:15px;
	line-height: 1.5;
}
.dynamicHelpUnit.arrowLeftTop:before
{
	top: -4px;
	border-left: 1px solid black;
    border-top: 1px solid black;

}

.dynamicHelpUnit ul.items li .iitem
{
	margin-right:10px;
	color:#bbb;
}
.dynamicHelpUnit.arrowLeftBottom:before 
{
	bottom:-18px;
	border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.dynamicHelpUnit .icon-demonstrate
{
    display: inline-block !important;
    font-size: 18px !important;
    color: #9C9898 !important;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: 1px;
}

.dynamicHelpUnit.arrowLeft.plus10:before { left:45px }
.dynamicHelpUnit.arrowLeft.plus20:before { left:55px }
.dynamicHelpUnit.arrowLeft.plus30:before { left:65px }
.dynamicHelpUnit.arrowLeft.plus40:before { left:75px }
.dynamicHelpUnit.arrowLeft.plus50:before { left:85px }
.dynamicHelpUnit.arrowLeft.plus60:before { left:95px }
.dynamicHelpUnit.arrowLeft.plus70:before { left:105px }
.dynamicHelpUnit.arrowLeft.plus80:before { left:115px }
.dynamicHelpUnit.arrowLeft.plus90:before { left:125px }
.dynamicHelpUnit.arrowLeft.plus100:before { left:135px }

.dynamicHelpUnit.arrowLeft.plus110:before { left:145px }
.dynamicHelpUnit.arrowLeft.plus120:before { left:155px }
.dynamicHelpUnit.arrowLeft.plus130:before { left:165px }
.dynamicHelpUnit.arrowLeft.plus140:before { left:175px }
.dynamicHelpUnit.arrowLeft.plus150:before { left:185px }
.dynamicHelpUnit.arrowLeft.plus160:before { left:195px }
.dynamicHelpUnit.arrowLeft.plus170:before { left:205px }
.dynamicHelpUnit.arrowLeft.plus180:before { left:215px }
.dynamicHelpUnit.arrowLeft.plus190:before { left:225px }
.dynamicHelpUnit.arrowLeft.plus200:before { left:235px }


.dynamicHelpUnit.arrowLeft.plus210:before { left:245px }
.dynamicHelpUnit.arrowLeft.plus220:before { left:255px }
.dynamicHelpUnit.arrowLeft.plus230:before { left:265px }
.dynamicHelpUnit.arrowLeft.plus240:before { left:275px }
.dynamicHelpUnit.arrowLeft.plus250:before { left:285px }
.dynamicHelpUnit.arrowLeft.plus260:before { left:295px }
.dynamicHelpUnit.arrowLeft.plus270:before { left:305px }
.dynamicHelpUnit.arrowLeft.plus280:before { left:315px }
.dynamicHelpUnit.arrowLeft.plus290:before { left:325px }
.dynamicHelpUnit.arrowLeft.plus300:before { left:335px }

.dynamicHelpUnit.arrowLeft.plus310:before { left:345px }
.dynamicHelpUnit.arrowLeft.plus320:before { left:355px }
.dynamicHelpUnit.arrowLeft.plus330:before { left:365px }
.dynamicHelpUnit.arrowLeft.plus340:before { left:375px }
.dynamicHelpUnit.arrowLeft.plus350:before { left:385px }
.dynamicHelpUnit.arrowLeft.plus360:before { left:395px }
.dynamicHelpUnit.arrowLeft.plus370:before { left:405px }
.dynamicHelpUnit.arrowLeft.plus380:before { left:415px }
.dynamicHelpUnit.arrowLeft.plus390:before { left:425px }
.dynamicHelpUnit.arrowLeft.plus400:before { left:435px }

.dynamicHelpUnit.arrowLeft.plus410:before { left:445px }
.dynamicHelpUnit.arrowLeft.plus420:before { left:455px }
.dynamicHelpUnit.arrowLeft.plus430:before { left:465px }
.dynamicHelpUnit.arrowLeft.plus440:before { left:475px }
.dynamicHelpUnit.arrowLeft.plus450:before { left:485px }
.dynamicHelpUnit.arrowLeft.plus460:before { left:495px }
.dynamicHelpUnit.arrowLeft.plus470:before { left:505px }
.dynamicHelpUnit.arrowLeft.plus480:before { left:515px }
.dynamicHelpUnit.arrowLeft.plus490:before { left:525px }
.dynamicHelpUnit.arrowLeft.plus500:before { left:535px }

.dynamicHelpUnit.arrowLeft.plus510:before { left:545px }
.dynamicHelpUnit.arrowLeft.plus520:before { left:555px }
.dynamicHelpUnit.arrowLeft.plus530:before { left:565px }
.dynamicHelpUnit.arrowLeft.plus540:before { left:575px }
.dynamicHelpUnit.arrowLeft.plus550:before { left:585px }
.dynamicHelpUnit.arrowLeft.plus560:before { left:595px }
.dynamicHelpUnit.arrowLeft.plus570:before { left:605px }
.dynamicHelpUnit.arrowLeft.plus580:before { left:615px }
.dynamicHelpUnit.arrowLeft.plus590:before { left:625px }
.dynamicHelpUnit.arrowLeft.plus600:before { left:635px }

.dynamicHelpUnit.arrowLeft.plus610:before { left:645px }
.dynamicHelpUnit.arrowLeft.plus620:before { left:655px }
.dynamicHelpUnit.arrowLeft.plus630:before { left:665px }
.dynamicHelpUnit.arrowLeft.plus640:before { left:675px }

.btn-dynamic-help-next, .btn-dynamic-help-finalClose, .largeButtonSubmit
{
	 float:right;
	 margin-right:10px;
	 margin-bottom:10px;
	 position: relative;
	 top:15px;
}
 
 
.dynamicHelpUnit .subtleClose
{
    color: #c8b9b9;
    font-size: 16px;
    position: relative;
    top: -21px;
    
}

		
.largeButton
{
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	text-align: center;
	height: 170px;
	width: 180px;

	cursor: pointer;
	display: inline-block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	box-shadow: 2px 3px 6px rgba(54, 53, 53, 0.9);
}

.largeButton.selected
{
	 box-shadow: none;
	 
	 position:relative;
	 top:2px;
	 left:2px;
	 background-color: rgb(255, 250, 215);
	 border-color: #C2C2C2;
}
	
.largeButton .bblbl
{
	text-align: center;
	line-height: 1.6;
	font-size: 19px;
	color: #555;
	vertical-align:middle;
	font-family:Play,Tahoma,sans-serif;
	margin-top: 48px;
}

.largeButton.disabled
{
	 box-shadow: none;
	 cursor:inherit;
	 position:relative;
	 top:2px;
	 left:2px;
	 background-color:#f6f6f6;
	 border-color: #C2C2C2;
}

.systemListArea
{
    max-height: 365px;
    padding: 5px;
    margin: 35px 2px 10px 2px;
    border: 1px solid #e0e0e0;
    overflow-y: scroll;
    border-radius: 4px;

}

.systemListArea .descripHolder, .systemListArea .slSysNamHolder
{
	font-size:13px;
	margin-left:10px;
	
}


.systemListArea .descripHolder.compact .innerDescripHolder
{
	margin-bottom:10px;
}
					
.systemListArea .descripHolder.compact .innerDescripHolder
{
    max-height: 6.8em;
    overflow: hidden;	
}

.systemListArea .descripHolder .toggleLongShortDescription
{
	font-size:11px;
	text-align:right;
	cursor:pointer;
	color:#555;
}
.systemListArea .descripHolder .toggleLongShortDescription:hover
{
	color:orange;
}

.systemListArea .descripHolder .toggleLongShortDescription.yesCompact,
.systemListArea .descripHolder.compact .toggleLongShortDescription.noCompact
{
	display:none;
}

.systemListArea .descripHolder.compact .toggleLongShortDescription.yesCompact,
.systemListArea .descripHolder .toggleLongShortDescription.noCompact
{
	display:block;
}

.systemListArea .dynaHelpSystemRow
{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #f2f2f2;
}

.systemListArea .dynaHelpSystemRow:last-child
{
	padding-bottom:20px;
	margin-bottom:0;
	border-bottom:none;
}

.systemListArea .recentTrad
{
	font-size:12px;
}

.systemListArea .sysAreaLabel
{
	font-weight:bold;
	text-decoration: underline;
	font-size:12px;
}
					
.dynamicHelpModal .bigButtonEncloser
{
    padding: 25px 15px;
    margin-left: 8%;
}			
	
	
.large-take-action-desc
{
	font-size: 17px;
    margin-top: 26px;
    margin-left: 6px;
}
.dynamicHelpModal h1
{
	margin-top:-12px;
}	

.dynamicHelpModal
{
	padding-bottom:10px;
}

.dynamicHelpModal .largeButtonSubmit
{
	margin-bottom:28px;
}


.jutext
{
	text-align:center;
	line-height:2;
	font-size:28px;
	color:orange;
	font-family:Orbitron,Tahoma,San-serif;
}

.jutext .icon-spinner
{
    display: block;
    text-align: center;
    font-size: 103px;
    color: #BFBFBF;
    margin-bottom: 30px;
    padding: 20px;
}

.dynamicHelpUnit.fixedHeightDiagram
{
	min-height:30em;
}
.dynamicHelpUnit .diagram
{
    margin-top: 70px;
}

.dynamicHelpUnit.fixedHeightDiagram .diagram
{
	height: 15em;
}


.dynamicHelpUnit .diagram table.col3 td
{
	width:220px;
	vertical-align: middle;
	position: relative;
}

.dynamicHelpUnit .diagram table.col3 td.smaller
{
	width:195px;
}

.dynamicHelpUnit .diagram .smallLabel
{
	text-align: center;
	font-size:10px;
	color:#333;
}	
.dynamicHelpUnit.fixedHeightDiagram .upperTextPortion
{
	min-height:5em;
}
.dynamicHelpUnit .diagram .vunit img.arrowRight
{
	margin-right:13px;
}
.dynamicHelpUnit .diagram img.reducer45
{
	width:45px;
}
.dynamicHelpUnit .diagram img.reducer60
{
	width:60px;
}
.dynamicHelpUnit .diagram img.reducer110
{
	width:110px;
}
.dynamicHelpUnit .diagram .vunit
{
	margin-top:10px;
}

.dynamicHelpUnit .diagram .vunit:first-child
{
	margin-top:0;
}
.dynamicHelpUnit .delayedFadeIn
{
	display:none;
}

.dynamicHelpUnit .diagram .vunit.vpositioner1
{
	position: absolute;
    top: 0px;
    left:0px;
    transform: rotate(-7deg);
}

.dynamicHelpUnit .diagram .vunit.vpositioner2
{
	position: absolute;
    top: 50px;
    left:0px;
}
.dynamicHelpUnit .diagram .vunit.vpositioner3
{
	position: absolute;
    top: 112px;
    left:0px;
    transform: rotate(7deg);
}
.dynamicHelpUnit .diagram  .singleIcon i
{
	font-size:46px;
	color:green;
}

.dynamicHelpUnit .diagram  .singleIcon
{
	display:inline-block;
	background-color:white;
	padding:10px 20px;
	border:1px solid #e0e0e0;
	margin-right:10px;
	margin-bottom:5px;
}

.dynamicHelpUnit .diagram .iconAndTextWrapper
{
	display:inline-block;
	text-align:center;
}

.dynamicHelpUnit .diagram .arrowInline
{
	display:inline-block;
}
.dynamicHelpUnit .diagram table.col3 td.lft .arrowInline
{
	/*position:relative;
	top:-50px;*/
	
	position: absolute;
    top: 24px;
    left: 135px;
    width: 100px;
}
.dynamicHelpUnit .diagram .iconAndTextWrapper .smallLabel
{
	display:block;
}

.dynamicHelpUnit .diagram .wrapFloatRight
{
	display:inline-block;
	floar:right;
}

.dynamicHelpUnit .diagram .wrapFloatLeft
{
	display:inline-block;
	floar:left;
}

.dynamicHelpUnit .diagram .methodWrapper
{
	width:125px;
	height:60px;
	overflow: visible;
	position: absolute;
    top: -50px;
    left: 5px;
}
.dynamicHelpUnit .diagram .imageHolder
{
	display:inline-block;
}

.dynamicHelpUnit .diagram .icon-down-arrow-from-bottom
{
    position: absolute;
    bottom: -40px;
    right: 85px;
    font-size: 20px;
    color: #888;
}


.keyboardImageAdjustment
{
    position: relative;
    top: -10px;
    left: -16px;
}
.c2f-item.c2f-item-checkbox.radioFlavor input[type="radio"]
{
	margin-right:5px;
}
.c2f-item.c2f-item-checkbox.radioFlavor > label 
{
	font-size:15px;
}
#chooseFlavorWarn
{
	color: #e80000;
    font-size: 15px;
    font-weight: bold;
}
.simVisFrameOuter
{
	max-height: 595px;
    overflow: hidden;
    margin-top: 15px;
}
.simVisFrameOuter .simVisFrame
{
	max-height: 625px;
    overflow: scroll;
}
.simVisFrameOuter.nooverflow
{
	max-height: none;	
    overflow: visible;
    margin-top: 0;
}
.simVisFrameOuter.nooverflow .simVisFrame
{
	max-height: none;	
    overflow: visible;
	
}

.c2g .dynamicModalWrap .modalEncloser h1
{
	font-family: 'Noto Sans', Roboto, Helvetica, Arial, sans-serif !important;
	color: #5a5c5d !important;
	line-height: 1.3;
	font-weight: normal !important;
	font-size: 28px !important;
	margin-bottom: 25px !important;
}

.c2g .dynamicModalWrap .modalEncloser p
{
	color: #2e2d2d !important;
	margin-bottom: 20px !important;
	line-height: 1.86 !important;
}

.miniC2starControl
{
	line-height: 1.6;
    font-size: 11px;
    border-top: 1px solid #f0f0f0;
    margin-top: 5px;
    padding-top: 5px;
   

}
 
.miniC2starControl .statusToggle
{
	font-size:21px;
}
.miniC2starControl .doToggleC2Star
{
	cursor:pointer;
}

.miniC2starControl .statusToggle.toggleOn
{
	color:green;
}
.miniC2starControl .statusToggle.toggleOff
{
	color:rgb(172, 172, 172);
}
.miniC2starControl .iC2star
{
	color:#ffa620
}
.miniC2starControl .subhead
{
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-indent: -0.1em;
    padding-top: 5px;
    padding-bottom: 1px;

}
.miniC2starControl .tiniest 
{
	font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
	color:#555;
	text-align: center;
	position: relative;
    top: -8px;
}
.miniC2starControl .starLearnMore
{
	cursor:pointer;
	color:#888;
}
.miniC2starControl .starLearnMore .getc2starhelp
{
    font-size: 10px;
    border-bottom: 1px dashed #e0e0e0;
}
.miniC2starControl .subbody
{
	padding-left: 6px;
}

.miniC2starControl .subbody .rt
{
	width:25px;
	position: relative;
    top: -8px;
}
.miniC2starControl .subbody .lft, .miniC2starControl .subbody .rt
{
display:inline-block;
float:left;
}
.miniC2starControl .subbody .lft
{
	text-align: left;
	width: 110px;
    padding-left: 5px;
}
.miniC2starControl .subfoot
{
	text-align: center;
	font-size:11px;
}

@media screen and (max-width: 639px)
{
	.dynamicHelpUnit p
	{
		line-height: 1.8;
		font-size:13px;
	}
	.dynamicHelpUnit h1
	{
		font-size:16px;
	} 
}