
/* ------- auiContainer CSS classes - v20110329a ------- */

/* ---- Primary BG classes ------- */

* {
    font-family: auiRegular_flex, Sans-Serif;
  }

html {  
    overflow-y: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

body {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ececec;
    -webkit-tap-highlight-color:transparent;
}

.auiWebViewAdjust {
    padding-top: 0px;

}

.auiWebViewNavAdjust {
    padding-top: calc(8px + 0px);

}

/* ---- Spinner ------- */
.auiSpinnerBG {
	width: 70px;
	height: 70px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/spinner_bg.png);
	background-repeat:no-repeat;
}

/* --- Default fonts ------- */
.auiStandardBoldFont_light {
    font-family:auiBold_flex;
    font-style:normal;
    font-weight:bold;
    font-size:13px;
    color: #000000;

}

.auiStandardBodyFont_light {
    font-family:auiRegular_flex;
    font-style:normal;
    font-weight:normal;
    font-size:13px;
    color: #000000;

}

.auiNonSelectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ---- WarnPane ------- */

.wDialogue_topLft_light
{
	width: 61px;
	height: 57px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_topLft.png);
	background-repeat:no-repeat;
}

.wDialogue_midLft_light
{
	width: 61px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_midLft.png);
	background-repeat:repeat-y;
}

.wDialogue_btmLft_light
{
	width: 61px;
	height: 57px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_btmLft.png);
	background-repeat:no-repeat;
}

.wDialogue_topRt_light
{
	width: 61px;
	height: 57px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_topRt.png);
	background-repeat:no-repeat;
}

.wDialogue_midRt_light
{
	width: 61px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_midRt.png);
	background-repeat:repeat-y;
}

.wDialogue_btmRt_light
{
	width: 61px;
	height: 57px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_btmRt.png);
	background-repeat:no-repeat;
}

.wDialogue_topMid_light
{
	height: 57px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_midTop.png);
	background-repeat:repeat-x;
}

.wDialogue_midMid_light
{
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_bg.png);
	background-repeat:repeat;
}

.wDialogue_btmMid_light
{
	height: 57px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/wDialogue_midBtm.png);
	background-repeat:repeat-x;
}

.wDialogue_errIcn_light
{
    width: 43px;
	height: 43px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/error_icn2.png);
	background-repeat:no-repeat;
}

.wDialogue_errBg_light
{
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/errorDialogueBG.png);
	background-repeat:no-repeat;
	background-position: left top;
}

.wDialogue_infoIcn_light
{
    width: 43px;
	height: 43px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/info_icn2.png);
	background-repeat:no-repeat;
}

.wDialogue_infoBg_light
{
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/infoDialogueBG.png);
	background-repeat:no-repeat;
	background-position: left top;
}

.wDialogueTitle_light
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

.wDialogueBody_light
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:normal;
}

.okBtn_light
{
    width: 48px;
	height: 25px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/ok_btn.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.okBtnMoused_light
{
    width: 48px;
	height: 25px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/ok_btnMoused.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.cancelBtn_light
{
    width: 66px;
	height: 25px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/cancelbtn.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.cancelBtnMoused_light
{
    width: 66px;
	height: 25px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/warnPane/cancelbtnMoused.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.maskOverlay_light
{
    background-image: url(../../../../images/auiFramework/Light/auiFramework/warnPane/maskImage3.png);
    background-repeat: repeat-x;
}

/* ---- masks ------- */

.awareHealth_maskA_light {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0054a6+0,0054a6+50,0054a6+100&amp;0.84+0,0.52+50,0.84+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTRhNiIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNTRhNiIgc3RvcC1vcGFjaXR5PSIwLjUyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU0YTYiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,84,166,0.84) 0%, rgba(0,84,166,0.52) 50%, rgba(0,84,166,0.84) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,84,166,0.84)), color-stop(50%,rgba(0,84,166,0.52)), color-stop(100%,rgba(0,84,166,0.84))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,84,166,0.84) 0%,rgba(0,84,166,0.52) 50%,rgba(0,84,166,0.84) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,84,166,0.84) 0%,rgba(0,84,166,0.52) 50%,rgba(0,84,166,0.84) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,84,166,0.84) 0%,rgba(0,84,166,0.52) 50%,rgba(0,84,166,0.84) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,84,166,0.84) 0%,rgba(0,84,166,0.52) 50%,rgba(0,84,166,0.84) 100%); /* W3C */

}

.awareHealth_maskB_light {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003b74+0,003b74+50,003b74+100,003b74+100&amp;0.84+0,0.43+50,0.84+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2I3NCIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwM2I3NCIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNiNzQiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,59,116,0.84) 0%, rgba(0,59,116,0.43) 50%, rgba(0,59,116,0.84) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,59,116,0.84)), color-stop(50%,rgba(0,59,116,0.43)), color-stop(100%,rgba(0,59,116,0.84))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,59,116,0.84) 0%,rgba(0,59,116,0.43) 50%,rgba(0,59,116,0.84) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,59,116,0.84) 0%,rgba(0,59,116,0.43) 50%,rgba(0,59,116,0.84) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,59,116,0.84) 0%,rgba(0,59,116,0.43) 50%,rgba(0,59,116,0.84) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,59,116,0.84) 0%,rgba(0,59,116,0.43) 50%,rgba(0,59,116,0.84) 100%); /* W3C */

}

.awareHealth_maskC_light {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012950+0,012950+50,003b74+100,012950+100&amp;0.84+0,0.43+50,0.84+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMjk1MCIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMjk1MCIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTI5NTAiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(1,41,80,0.84) 0%, rgba(1,41,80,0.43) 50%, rgba(1,41,80,0.84) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,41,80,0.84)), color-stop(50%,rgba(1,41,80,0.43)), color-stop(100%,rgba(1,41,80,0.84))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(1,41,80,0.84) 0%,rgba(1,41,80,0.43) 50%,rgba(1,41,80,0.84) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(1,41,80,0.84) 0%,rgba(1,41,80,0.43) 50%,rgba(1,41,80,0.84) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(1,41,80,0.84) 0%,rgba(1,41,80,0.43) 50%,rgba(1,41,80,0.84) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(1,41,80,0.84) 0%,rgba(1,41,80,0.43) 50%,rgba(1,41,80,0.84) 100%); /* W3C */

}

.awareHealth_maskD_light {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012950+0,001931+50,003b74+100,001931+100&amp;0.84+0,0.43+50,0.84+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMjk1MCIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMTkzMSIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDE5MzEiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(1,41,80,0.84) 0%, rgba(0,25,49,0.43) 50%, rgba(0,25,49,0.84) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,41,80,0.84)), color-stop(50%,rgba(0,25,49,0.43)), color-stop(100%,rgba(0,25,49,0.84))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(1,41,80,0.84) 0%,rgba(0,25,49,0.43) 50%,rgba(0,25,49,0.84) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(1,41,80,0.84) 0%,rgba(0,25,49,0.43) 50%,rgba(0,25,49,0.84) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(1,41,80,0.84) 0%,rgba(0,25,49,0.43) 50%,rgba(0,25,49,0.84) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(1,41,80,0.84) 0%,rgba(0,25,49,0.43) 50%,rgba(0,25,49,0.84) 100%); /* W3C */

}

.awareHealth_maskE_light {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000a14+0,000a14+50,003b74+100,000a14+100&amp;0.84+0,0.43+50,0.84+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMGExNCIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMGExNCIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDBhMTQiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,10,20,0.84) 0%, rgba(0,10,20,0.43) 50%, rgba(0,10,20,0.84) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,10,20,0.84)), color-stop(50%,rgba(0,10,20,0.43)), color-stop(100%,rgba(0,10,20,0.84))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,10,20,0.84) 0%,rgba(0,10,20,0.43) 50%,rgba(0,10,20,0.84) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,10,20,0.84) 0%,rgba(0,10,20,0.43) 50%,rgba(0,10,20,0.84) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,10,20,0.84) 0%,rgba(0,10,20,0.43) 50%,rgba(0,10,20,0.84) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,10,20,0.84) 0%,rgba(0,10,20,0.43) 50%,rgba(0,10,20,0.84) 100%); /* W3C */

}

.awareHealth_maskF_light {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000a14+0,000000+50,003b74+100,000000+100&amp;0.84+0,0.43+50,0.84+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMGExNCIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,10,20,0.84) 0%, rgba(0,0,0,0.43) 50%, rgba(0,0,0,0.84) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,10,20,0.84)), color-stop(50%,rgba(0,0,0,0.43)), color-stop(100%,rgba(0,0,0,0.84))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,10,20,0.84) 0%,rgba(0,0,0,0.43) 50%,rgba(0,0,0,0.84) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,10,20,0.84) 0%,rgba(0,0,0,0.43) 50%,rgba(0,0,0,0.84) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,10,20,0.84) 0%,rgba(0,0,0,0.43) 50%,rgba(0,0,0,0.84) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,10,20,0.84) 0%,rgba(0,0,0,0.43) 50%,rgba(0,0,0,0.84) 100%); /* W3C */

}

/* --- auth icons ---- */

.authIconLarge_light
{
    width: 128px;
	height: 128px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/authenticateLarge.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.authIconLargeMoused_light
{
    width: 128px;
	height: 128px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/authenticateLargeMoused.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.authIconSmall_light
{
    width: 88px;
	height: 88px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/authenticateSmall.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.authIconSmallMoused_light
{
    width: 88px;
	height: 88px;
	background-image:url(../../../../images/auiFramework/Light/auiFramework/authenticateSmallMoused.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

/* --- multi-factor auth ---- */
.auiAuthTwoFactorIcons {
    position:relative;
    transform:translateX(-52px);
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;    
}

.authFingerprintIcon_light {
    font-size: 19px;
    color: #777777;
    display: none;
    padding-right: 7px;
    cursor: pointer;
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
}

.authFingerprintIcon_light:hover {
    font-size: 19px;
    color: #343434;
    display: none;
    padding-right: 7px;
    cursor: pointer;
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
}

.authKeypadIcon_light {
    font-size: 19px;
    color: #777777;
    display:table-cell;
    cursor: pointer;
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
}

.authKeypadIcon_light:hover {
    font-size: 19px;
    color: #343434;
    display:table-cell;
    cursor: pointer;
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
}

.authConfigIcon_light {
    font-size: 16px;
    color: #777777;
    display:table-cell;
    padding-right: 30px;
    cursor: pointer;
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
}

.authConfigIcon_light:hover {
    font-size: 16px;
    color: #343434;
    display:table-cell;
    padding-right: 30px;
    cursor: pointer;
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
}

.auiAuthOverlay_light {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 700;
    opacity: 0;

}

.auiUIBlur {
    filter: blur(16px);
    -webkit-filter: blur(16px);
    -moz-filter: blur(16px);
    -ms-filter: "blur(16px)";
    -ms-filter: blur(16px);
    -o-filter: blur(16px);   
}

.auiAuthLogoFontRegular {
    font-family: auiThin_flex;
    font-size: 25px;
    color: #ffffff;
}

.auiAuthLogoFontMedium {
    font-family: auiRegular_flex;
    font-size: 25px;
    color: #ffffff;
}

.auiAuthTwoFactorContainer {
    display: table;
    width: 100%;
    vertical-align:top;
}

.auiAuthTwoFactorContainerTitleBlockContainer {
    display:table; 
    width:100%;
    height:48px;
    vertical-align:middle;
}

.auiAuthTwoFactorContainerTitleBlock {
    display:table; margin:auto; 
    vertical-align:middle; 
    position:relative; 
    padding-top:7px;
}

.auiAuthPointsLogo {
    font-size:28px; 
    display: table-cell;
    color: rgba(255,255,255,1);
    padding-right: 7px;
    padding-top:3px;
}

.auiAuthPointsLogoText {
    display: table-cell;
    vertical-align:top;
}

.auiAuthTwoFactorRule {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,1+30,1+50,1+70,0+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* IE10 preview */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: table;
    height: 1px;
    width: 100%;
}

.auiTwoFactorModeStringBlock {
    display:table; 
    width:100%;
    padding-top:43px;
    vertical-align:middle;
    text-align: center;
    font-family: auiRegular_flex;
    font-size: 16px;
    color: rgba(255,255,255,0.88);
    
}

.auiTwoFactorBulletContainer {
    display:table; 
    width:100%;
    vertical-align:middle;
}

.auiAuthTwoFactorBulletBlock {
    display:table; margin:auto; 
    vertical-align:middle; 
    position:relative; 
    padding-top:21px;
}

.auiTwoFactorBullet {
    background-color: rgba(255,255,255,0.12);
	border: 2px solid rgba(255,255,255,0.88);
	border-radius: 16px;
	font-family: 'Arial';
	font-size: 12px;
	color: #000000;
	font-weight: bolder;
    height:25px;
    width:25px;
    display:table-cell;
}

.auiTwoFactorBulletFilled {
    background-color: rgba(0,0,0,0.25);
	border: 2px solid rgba(255,255,255,1.00);
	border-radius: 16px;
	font-family: 'Arial';
	font-size: 12px;
	color: #000000;
	font-weight: bolder;
    height:25px;
    width:25px;
    display:table-cell;
}

.auiTwoFactorKeyPadKeyContainer {
    display:table; 
    width:100%;
    vertical-align:middle;
}

.auiTwoFactorKeyPadKeyBlock {
    display:table; 
    margin-left: auto;
    margin-right:auto;
    vertical-align:middle; 
    position:relative;    
}

.auiTwoFactorKeyPadKey {
    background-color: rgba(255,255,255,0.00);
	border: 2px solid rgba(255,255,255,0.43);
	border-radius: 43px;
    height:70px;
    width:70px;
    display:table-cell;
    vertical-align:middle;
    margin: auto;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255,255,255,0.16);
}

.auiTwoFactorKeyPadKey:active {
    background-color: rgba(255,255,255,0.16);
	border: 2px solid rgba(255,255,255,0.88);
	border-radius: 43px;
    height:70px;
    width:70px;
    display:table-cell;
    vertical-align:middle;
    margin: auto;
    text-align: center;
}

.auiTwoFactorKeyPadKeyNumber {
    font-family: auiLight_flex !important;
    font-size: 25px;
    color: #ffffff;
}

.auiTwoFactorKeyPadKeyLetters {
    font-family: auiLight_flex !important;
    font-size: 12px;
    color: rgba(255,255,255,0.70);
}

.auiTwoFactorCredentialsBlock {
    display:table; 
    margin:auto; 
    vertical-align:middle; 
    position:relative; 
    padding-top:34px;
}

.auiCredentialFieldLabel {
    font-family: auiRegular_flex !important;
    font-size: 16px;
    color: rgba(255,255,255,0.88);
    display:table-cell;
    vertical-align:middle;
    padding-right: 7px;
}

.auiCredentialFieldOuter {
    background-color: rgba(255,255,255,0.12);
	border: 2px solid rgba(255,255,255,0.88);
	border-radius: 8px;
    height:25px;
    width:340px;
    display:table-cell;
    padding-left:7px;
    padding-right:7px;
}

.auiCredentialField {
    font-size: 16px;
    width: 100%;
    background-color:transparent;
    border:none;
    color: #ffffff;
    outline: none;
    padding-top:3px;
}

.auiCredentialFieldNextButtonContainer {
    display:table-cell;
    padding-left: 7px;
    vertical-align: middle;
}

.auiCredentialFieldNextButton {
    font-size: 25px;
    color: rgba(255,255,255,0.88);
    display:table;
    margin: auto;
    cursor: pointer;
    
}

.auiCredentialFieldNextButton:active {
    font-size: 25px;
    color: rgba(255,255,255,1.0);
    display:table;
    margin: auto;
    cursor: pointer;   
}

.auiCredentialKeyPadKey {
    background-color: rgba(255,255,255,0.00);
	border: 2px solid rgba(255,255,255,0.43);
	border-radius: 43px;
    height:43px;
    width:43px;
    display:table-cell;
    vertical-align:middle;
    margin: auto;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255,255,255,0.16);
}

.auiCredentialKeyPadKey:active {
    background-color: rgba(255,255,255,0.16);
	border: 2px solid rgba(255,255,255,0.88);
	border-radius: 43px;
    height:43px;
    width:43px;
    display:table-cell;
    vertical-align:middle;
    margin: auto;
    text-align: center;
}

.auiTwoFactorLoginIndicator {
    font-size: 88px;
    color: rgba(255,255,255,1.0);
    display:table;
    margin: auto;
}

.auiTwoFactorLoginIndicatorBG {
    display:table;
    margin: auto;
    width: 601px;
    height: 601px;

}

.auiTwoFactorLoginFont {
    font-family: auiRegular_flex !important;
    font-size: 16px;
    color: rgba(255,255,255,1);
    display:table;
    margin: auto;
}

@media only screen and (max-width: 736px) {
    .auiAuthTwoFactorIcons {
        position:relative;
    }

    .authConfigIcon_light {
        font-size: 16px;
        color: #777777;
        display:table-cell;
        padding-right: 48px;
        padding-left: 52px;
        cursor: pointer;
        -webkit-user-select: none;     
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .authConfigIcon_light:hover {
        font-size: 16px;
        color: #343434;
        display:table-cell;
        padding-right: 48px;
        padding-left: 52px;
        cursor: pointer;
        -webkit-user-select: none;     
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .auiAuthLogoFontRegular {
        font-family: auiThin_flex;
        font-size: 19px;
        color: #ffffff;
    }

    .auiAuthLogoFontMedium {
        font-family: auiRegular_flex;
        font-size: 19px;
        color: #ffffff;
    }

    .auiAuthTwoFactorContainer {
        display: table;
        width: 100%;
        vertical-align:top;
    }

    .auiAuthTwoFactorContainerTitleBlockContainer {
        display:table; 
        width:100%;
        height:43px;
        vertical-align:middle;
    }

    .auiAuthTwoFactorContainerTitleBlock {
        display:table; margin:auto; 
        vertical-align:middle; 
        position:relative; 
        padding-top:7px;
    }

    .auiAuthPointsLogo {
        font-size:21px; 
        display: table-cell;
        color: rgba(255,255,255,1);
        padding-right: 7px;
        padding-top:3px;
    }

    .auiAuthPointsLogoText {
        display: table-cell;
        vertical-align:top;
    }

    .auiTwoFactorModeStringBlock {
        display:table; 
        width:100%;
        padding-top:16px;
        vertical-align:middle;
        text-align: center;
        font-family: auiRegular_flex;
        font-size: 13px;
        color: rgba(255,255,255,0.88);
    
    }

    .auiTwoFactorBulletContainer {
        display:table; 
        width:100%;
        vertical-align:middle;
    }

    .auiAuthTwoFactorBulletBlock {
        display:table; margin:auto; 
        vertical-align:middle; 
        position:relative; 
        padding-top:16px;
    }

    .auiTwoFactorBullet {
        background-color: rgba(255,255,255,0.12);
	    border: 2px solid rgba(255,255,255,0.88);
	    border-radius: 16px;
	    font-family: 'Arial';
	    font-size: 12px;
	    color: #000000;
	    font-weight: bolder;
        height:16px;
        width:16px;
        display:table-cell;
    }

    .auiTwoFactorBulletFilled {
        background-color: rgba(0,0,0,0.25);
	    border: 2px solid rgba(255,255,255,1.00);
	    border-radius: 16px;
	    font-family: 'Arial';
	    font-size: 12px;
	    color: #000000;
	    font-weight: bolder;
        height:16px;
        width:16px;
        display:table-cell;
    }

    .auiTwoFactorKeyPadKeyContainer {
        display:table; 
        width:100%;
        vertical-align:middle;
    }

    .auiTwoFactorKeyPadKeyBlock {
        display:table; 
        margin-left: auto;
        margin-right:auto;
        vertical-align:middle; 
        position:relative;    
    }

    .auiTwoFactorKeyPadKey {
        background-color: rgba(255,255,255,0.00);
	    border: 2px solid rgba(255,255,255,0.43);
	    border-radius: 43px;
        height:61px;
        width:61px;
        display:table-cell;
        vertical-align:middle;
        margin: auto;
        text-align: center;
        -webkit-tap-highlight-color: rgba(255,255,255,0.16);
    }

    .auiTwoFactorKeyPadKey:active {
        background-color: rgba(255,255,255,0.16);
	    border: 2px solid rgba(255,255,255,0.88);
	    border-radius: 43px;
        height:61px;
        width:61px;
        display:table-cell;
        vertical-align:middle;
        margin: auto;
        text-align: center;
    }

    .auiTwoFactorKeyPadKeyNumber {
        font-family: auiLight_flex !important;
        font-size: 19px;
        color: #ffffff;
    }

    .auiTwoFactorKeyPadKeyLetters {
        font-family: auiLight_flex !important;
        font-size: 10px;
        color: rgba(255,255,255,0.70);
    }

    .auiTwoFactorCredentialsBlock {
        display:table; 
        margin:auto; 
        vertical-align:middle; 
        position:relative; 
        padding-top:34px;
    }

    .auiCredentialFieldLabel {
        font-family: auiRegular_flex !important;
        font-size: 13px;
        color: rgba(255,255,255,0.88);
        display:table-cell;
        vertical-align:middle;
        padding-right: 7px;
    }

    .auiCredentialFieldOuter {
        background-color: rgba(255,255,255,0.12);
	    border: 2px solid rgba(255,255,255,0.88);
	    border-radius: 8px;
        height:21px;
        width:160px;
        display:table-cell;
        padding-left:7px;
        padding-right:7px;
    }

    .auiCredentialField {
        font-size: 12px;
        width: 100%;
        background-color:transparent;
        border:none;
        color: #ffffff;
        outline: none;
        padding-top:3px;
    }

    .auiCredentialFieldNextButtonContainer {
        display:table-cell;
        padding-left: 7px;
        vertical-align: middle;
    }

    .auiCredentialFieldNextButton {
        font-size: 21px;
        color: rgba(255,255,255,0.88);
        display:table;
        margin: auto;
        cursor: pointer;
    
    }

    .auiCredentialFieldNextButton:active {
        font-size: 21px;
        color: rgba(255,255,255,1.0);
        display:table;
        margin: auto;
        cursor: pointer;   
    }

    .auiCredentialKeyPadKey {
        background-color: rgba(255,255,255,0.00);
	    border: 2px solid rgba(255,255,255,0.43);
	    border-radius: 43px;
        height:43px;
        width:43px;
        display:table-cell;
        vertical-align:middle;
        margin: auto;
        text-align: center;
        -webkit-tap-highlight-color: rgba(255,255,255,0.16);
    }

    .auiCredentialKeyPadKey:active {
        background-color: rgba(255,255,255,0.16);
	    border: 2px solid rgba(255,255,255,0.88);
	    border-radius: 43px;
        height:43px;
        width:43px;
        display:table-cell;
        vertical-align:middle;
        margin: auto;
        text-align: center;
    }

    .auiTwoFactorLoginIndicator {
        font-size: 70px;
        color: rgba(255,255,255,1.0);
        display:table;
        margin: auto;
    }

    .auiTwoFactorLoginIndicatorBG {
        display:table;
        margin: auto;
        width: 300px;
        height: 300px;

    }

    .auiTwoFactorLoginFont {
        font-family: auiRegular_flex !important;
        font-size: 14px;
        color: rgba(255,255,255,1);
        display:table;
        margin: auto;
    }

}