/* 20170215_1023*/
@charset "utf-8";

.nybe-opa-helptip.ht-right {
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 10000;
}
.nybe-opa-helptip.ht-inline.nybe-global-hidden{
	display:block !important;
}

.nybe-opa-helptip.ht-inline{
	font-size: .9em;
	color:#045FB4
}
a.nybe-opa-helptip-icon {
	background: url('images/wTip.png') transparent no-repeat center center;
	background-size: 20px 20px;
	height:26px;
	width:26px;
	display: inline-block;
    vertical-align: top;
	text-decoration:none;
}

.opm-radio-container > label > a.nybe-opa-helptip-icon{
	margin-left:5px;
}



/* CSS Document */
.arrow_box span a {
	color: #135BCB;
}
.arrow_box a:link {
	color: #008ab8;
}
.arrow_box a:hover {
	color: #5FC9F5;
}
.arrow_box p {
	display:block;
}
.arrow_box strong {
	color:#FF9900;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}
.arrow_box {
    background: #EEEEEE;
    border-left: 2px solid #FF9900;
    width: auto;
    height: auto;
    min-height: 50px;
    padding: 6px 10px 15px 10px;
    position: relative;
    font-size: .9em;
    line-height: 1em;
    /* overflow-y:auto; */
    /* overflow-x: auto; */
    white-space: normal;
    position: relative;
	word-wrap:break-word;
}
/* two layers to generate the arrow */
.arrow_box:before {
	/* orange*/
	bottom: 100%;
	border: solid transparent;
	border-right-color: #FF9900;
	border-width: 15px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: 9px;
	left: -32px;
	/* z-index: -1000; */
}
.arrow_box:after {
	/* grey */
	bottom: 100%;
	border: solid transparent;
	border-right-color: #EEEEEE;
	border-width: 15px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: 9px;
	left: -29px;
}
.arrow_box a.arrow_box-close{
	display:inline-block;
	font-size: 22px;
	padding: 5px;
	margin:0px;
	text-decoration: none;
	top: 0px;
	right:0px;
	bottom:auto;
	left:auto;
	width:15px;
	position: absolute;
}



.control{
	position: relative !important;
}
.opm-control-item-custom > .control {
	padding-right:0px;	
}



@media (min-width:1281px) {  
	.question , .control{
		padding-right:40%
	}	
	.nybe-opa-helptip.ht-right	{
		left:60%;
		width: 350px;
	}
}
@media (max-width:1280px) {  
	.question , .control{
		padding-right:40%
	}
	.nybe-opa-helptip.ht-right	{
		width: 35%;
	}
}

@media (max-width:768px) {  

	.question , .control{
		width:auto;
		padding-right:0px;
	}	
	.nybe-opa-helptip.ht-right	{
		position:relative;
		display:block;
		width:auto;
		margin-left:10%;
	}
	.arrow_box {
		border-left: none;
		border-top: 2px solid #FF9900;
		/* max-width: 100%; */
		min-height: 75px;
		float: none;
		position: relative;
		margin-top: 15px;
	}
	.arrow_box:before {
		bottom: 100%;
		border: solid transparent;
		border-bottom-color: #FF9900;
		border-width: 15px;
		position: absolute;
		top: -30px;
		left: 14px;
	}

	.arrow_box:after {
		bottom: 100%;
		border: solid transparent;
		border-bottom-color: #EEEEEE;
		border-width: 15px;
		position: absolute;
		top: -26px;
		left: 14px;
	}
} 

/*css for themed ui, with help tips. required for showing the selected styles*/
input[type="checkbox"]:checked + span[class^=nybetips_] + .opm-checkbox {
    background-position: -96px top;
}
input[type="checkbox"]:disabled + span[class^=nybetips_] + .opm-checkbox {
    background-position: -144px top;
}
input[type="checkbox"]:disabled:checked + span[class^=nybetips_] + .opm-checkbox {
    background-position:-168px top;
}
input[type="radio"]:checked + span[class^=nybetips_] + .opm-radio {
    background-position:0px top;
}
input[type="radio"]:disabled + span[class^=nybetips_] + .opm-radio {
    background-position: -48px top;
}
input[type="radio"]:disabled:checked + span[class^=nybetips_] + .opm-radio {
    background-position: -72px top;
}
input[type=checkbox]:focus + span[class^=nybetips_] + .opm-checkbox {
    outline: 2px solid #1474bf;
}
input[type=radio]:focus + span[class^=nybetips_] + .opm-radio {
    outline: 2px solid #1474bf;
}
/* --- */