﻿@charset "utf-8";
/*	
Copyright © 2000 - 2015 NAVEX Global, Inc. All Rights Reserved.">
			http://www.navexglobal.com/privacy-statement
			http://www.navexglobal.com/terms-of-use
Author: 	Raymond Bodnar | Senior UI / UX Designer & Front End Web Developer (Client Interface Team)
Codebase:	NVXG.V5.2015.10.12 | HTML5, CSS3, & Javascript Enabled
*/


/* 	Form Level TAGS ***************************************************************/
	body {
		background-color: #fff;
		color: #333333;
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 16px;
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	p {
		font-size: 14px;
		line-height: 18px;
		margin: 0px 16px 8px 10px;
		padding: 0px 0px 0px 0px;
		text-align:justify;
	}
	h1 {
		font-size: 14pt;
		font-weight: normal;
		height: 16pt;
		line-height: 16pt;
		margin: 8px 16px 8px 16px;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		text-overflow: ellipsis;
	}
	h2 {
		font-size: 10.5pt;
		font-weight: bold;
		margin: 8px 16px 8px 16px;
		padding: 0px 0px 0px 0px;
	}
	h3 {
		font-size: 14px;
		font-weight: bold;
		margin: 8px 16px 8px 16px;
		padding: 0px 0px 0px 0px;
	
	}
	h4 {
		border-top:1px dotted #ccc;
		font-size: 14px;
		font-weight: bold;
		margin: 8px 0px 2px 0px;
		padding: 4px 0px 0px 8px;
	}
	a {
		color: #0088CE;
		text-decoration: underline;
		white-space: nowrap;
	}
	a:hover {
		color: #0088CE;
		text-decoration: underline;
		white-space: nowrap;
	}

	#FileUploadDataSubjectRequest ul{
		margin: 0px 16px 0px 17px;
	}
	ul {
		list-style: square;
		margin: 0px 16px 16px 17px;
		padding: 0px 0px 4px 16px;
	}
	ol {
		list-style: decimal;
		margin: 0px 16px 16px 20px;
		padding: 0px 0px 4px 16px;
	}
	li {
		font-size:14px;
		line-height: 11pt;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 16px;
	}

/*	Water Mark    ***************************************************************/
	#WaterMark {
		/* [disabled]position: fixed;*/
		/* [disabled]top: 0px;*/
		/* [disabled]height: 100%;*/
		/* [disabled]width: 100%;*/
		/* [disabled]z-index: 1;*/
		/* [disabled]background-image: url(../../_public_includes/images/site_background001.jpg);*/
		/* [disabled]background-repeat: repeat;*/
		/* [disabled]background-position: left top;*/
		/* [disabled]background-color: #963;*/
		/* [disabled]display: block;*/
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}
	
/*	Master / Overall form Container.    ***************************************************************/
	#MasterContainer {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		position: relative;
		width: 800px;
		z-index: 4;
	}
	
/*	Header Block & Headers   ***************************************************************/
	#Header {
		/* background-image: url(../images/nvxgHeader.png); */
		background-position: top center;
		background-repeat: no-repeat;
		cursor: default;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 140px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		position:relative;
		width: 760px;
	}
	#logo{
		background: url(../images/logo1.jpg) no-repeat left center;
		width:149px;
		height:130px;
	}
	#badge{
		position:absolute;
		right:20px;
		top:10px;
		background: url(../images/badge.png) no-repeat left center;
		width:69px;
		height:137px;
	}
	

	#Header h1 {
		/* position:absolute;
		top: 65px;
		left:220px; */
		font-size: 20pt;
		color: #fff;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		font-weight: bold;
		min-height: 34px;
		line-height: 28px;
		cursor: default;
		text-align:center;
		text-shadow: 2px 2px #000;
		
	}
	#Header h1:lang(de),
	#Header h1:lang(fr),
	#Header h1:lang(pl),
	#Header h1:lang(pteu),
	#Header h1:lang(ru) {
		left:180px;
		font-size: 18pt;
	}
	#Header h1:lang(eseu) {
		left:220px;
		font-size: 18pt;
	}
	#Header h1:lang(he) {
		left:130px;
	}
	#Header h1:lang(it) {
		left:220px;
		font-size: 18pt;
	}
	#Header h2 {
		position:absolute;
		top:95px;
		right:30px;
		font-size: 12pt;
		color: #555;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		font-weight: normal;
		height: 20px;
		line-height: 20px;
		border: 0px;
		font-style: italic;
		cursor: default;
		
	}
	#Header h3 {
		color: #333333;
		cursor: default;
		font-family: Arial, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		line-height: 10px;
		margin: 0px 0px 0px 0px;
		padding: 68px 0px 0px 20px;
	}

/*	Wrapper / Page Blocks  ***************************************************************/
	.WrapperTop {
		background-image: url(../../_public_includes/images/wrapperTop.png);
		background-repeat: no-repeat;
		height: 15px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		width: 800px;
	}	
	.Wrapper {
		background-image: url(../../_public_includes/images/nvxgWrapper.png);
		background-repeat: repeat-y;
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		width: 800px;
		z-index: 12;
	}
	.wrapperBottom {
		background-image: url(../../_public_includes/images/nvxgWrapperBottom.png);
		background-position: top center;
		background-repeat: no-repeat;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -1px;
		width: 800px;
	}
	#welcomeImage{
		width: 785px;
		height: 275px;
		margin-left:8px;
		background:url(../images/banner.jpg) no-repeat center bottom;
		background-size: 785px 359px;
	}

/*	Field Label  ***************************************************************/
	.wifInstructions .defaultText {
		color: #333333;
		display: block;
		font-size: 14px;
		line-height: 16px;
		margin-left: 10px;
		text-align: left;
		width: auto;	
	}
	.wifInstructions .defaultText:lang(ar),
	.wifInstructions .defaultText:lang(he) {
		text-align: right;
	}
	.wifInstructions .rollover {
		color: #462300;
	}
	.wifInstructions a {
		color: #000066;
		text-decoration: none;
	}
	.wifInstructions a:hover {
		color: #FF6600;
		text-decoration: underline;
	}

/*	Rollover & Popup Links ***************************************************************/
	.popup {
		border-bottom: 1px dotted #F90;
		cursor: help;
		white-space: nowrap !important;
	}
	.popup:hover {
		border-bottom: 1px dotted #F90;
	}
	.rollover {
		border-bottom: 1px dotted #F90;
		cursor: help;
		white-space: nowrap !important;
	}
	.rollover:hover {
		border-bottom: 1px solid #F90;
	}
	
/*	Field Format Label ***************************************************************/
	.wifFieldFormatDef {
		color: #555555;
		cursor: default;
		display: block;
		font-family: Arial, sans-serif;
		font-size: 8px;
		font-style: italic;
		line-height: 8pt;
		margin-left: 15px;
		margin-top: 0px;
		padding-bottom: 3px;
	}
	.wifFieldFormatDefRight {
		color: #555555;
		cursor: default;
		display: block;
		font-family: Arial, sans-serif;
		font-size: 7pt;
		font-style: italic;
		line-height: 8pt;
		margin-top: -2px;
		padding-bottom: 3px;
		padding-right:2px;
		text-align:right;
	}	

/*	Required Flag "♦" & Error Hightlight Color ***************************************************************/
	.wifRequiredFlag, .errorText {
		color: #0088CE !important;
	}

/*	Purpose Statment Block ***************************************************************/
	#PurposeStatement {
		background-image: url(../../_public_includes/images/nvxgPurposeStatement.png);
		background-position: center top;
		background-repeat: repeat-x;
		font-size: 10pt;
		line-height: 12pt;
		margin: 0px 8px 0px 8px;
		padding: 10px 0px 0px 0px;
		text-align: left;
	}
	#PurposeStatement p{
		margin-left:16px;
	}
	#PurposeStatement:lang(he) {
		text-align: right;
	}
	#WelcomeStatement{
			background-image: url(../../_public_includes/images/nvxgPurposeStatement.png);
		background-position: center top;
		background-repeat: repeat-x;
		font-size: 14px;
	
		margin: 0px 8px 0px 8px;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}
	.welcome-centered{
		text-align:center;
		font-weight: 700;
		font-size: 14pt;
	}
	#WelcomeStatement p{
			line-height: 20pt;
			font-size: 14pt;
	}
	
/*	Issue Type Descriptions ***************************************************************/
	.IssueTypeDescriptionLabel {
		cursor: default;
		font-size: 8pt;
		line-height: 10pt;
		margin: 4px 16px 2px 6px;
	}
	.IssueTypeDescription {
		cursor: default;
		font-size: 8pt;
		line-height: 10pt;
		margin: 4px 16px 10px 6px;
	}
	.IssueTypeDescription ul {
		list-style: square;
		margin: 0px 16px 16px 8px;
		padding: 0px 0px 4px 2px;
	}
	.IssueTypeDescription li {
		line-height: 11pt;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 4px;
	}

/* 	Form Level Menu ***************************************************************/
	ul.form_menu a {
	color: #FFF;
	background-color: transparent;
	}
	ul.form_menu li.hover, ul.form_menu li:hover {
		color: #000;
		background-color: #027EC8;
	}
/* 	Calendar (For addtional style look in ui_controls.css)***************************************************************/
	.rbCalTiteBar {
		background-color: #0088CE;
		color: #FFFFFF;
	}
	.rbDayWeekend:hover, .rbDayWeekend:focus, .rbDayWeekday:hover, .rbDayWeekday:focus, .rbDayToday:focus, .rbDaySelected:focus, .rbDaySelected:hover, .rbDayHolidayWeekend:hover, .rbDayHolidayWeekend:focus, .rbDayHoliday:hover, .rbDayHoliday:focus {
		background-color: #0088CE;
		color: #000000;
	}
	.rbDaySelected {
		background-color: #F30617;
		color: #FFFFFF;
	}
	
/*	Record Table Rows - Used in the location & multi-edit tables ***************************************************************/
	.wifRecordTable tbody tr[selected="selected"] {
		background-color: rgb(0,204,255);
		background-color: rgba(0,204,255,0.33) !important;
		-o-transition: background .4s ease-in;
		-ms-transition: background .4s ease-in;
		-moz-transition: background .4s ease-in;
		-webkit-transition: background .4s ease-in;
		transition: background .4s ease-in;
	}
	.wifRecordTable tbody tr {
		background-color: #ddd;
	}
	.wifRecordTable tbody tr:nth-child(even) {
		background-color: #EEE;
		background-color: rgba(255,255,255,.5);
	}
	.wifRecordTable tbody tr:nth-child(odd) {
		background-color: #DDD;
		background-color: rgba(255,255,255,.2);
	}
	.wifRecordTable tbody tr:hover {
		background-color: #9C09C0;
		background-color: rgba(153,204,0,0.50);
	}
	.wifRecordTable tbody tr:focus {
		background-color: rgb(236,203,26);
		background-color: rgba(236,203,26,.33);
	}

.expandText{
	display:none;
}

.welcome-statement{
	text-align: justify;
	text-justify: distribute-all-lines;
}
.welcome-bullet{
	text-align: center;
	font-size: 11pt;
	font-weight:bold;
	width:31%;
	padding:10px 5px;
	position: relative;
	align-self: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 70px;
}
.welcome-bullet:after{
	content: '';
	background-color:#7030A0;
	border-radius: 2px;
	width:35%;
	height: 6px;
	left:32%;
	bottom:0px;
	position: absolute;
}
.welcome-bullet-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
 }
#welcomeButton{
	    float: right;
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: 290px;

     -moz-border-radius: 4px;
    -moz-transition: color .2s ease-out, background .2s ease-in;
    -ms-transition: color .2s ease-out, background .2s ease-in;
    -o-transition: color .2s ease-out, background .2s ease-in;
    -webkit-border-radius: 4px;
    -webkit-transition: color .2s ease-out, background .2s ease-in;
    background-color: transparent;
    background-image: -moz-linear-gradient(top, #8BB3D0, #92B6D0);
    background-image: -ms-linear-gradient(top, #8BB3D0, #92B6D0);
    background-image: -o-linear-gradient(top, #8BB3D0, #92B6D0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8BB3D0), to(#92B6D0));
    background-image: -webkit-linear-gradient(top, #8BB3D0, #92B6D0);
    background-image: linear-gradient(to bottom, #8BB3D0, #92B6D0);
    border-bottom: 1px solid #bababa;
    border-radius: 8px;
    border-right: 1px solid #bbbbbb;
    box-shadow: rgba(0,0,0,0.33) 3px 3px 4px;
    color: #FFFFFF;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#aaaaaa, endColorstr=#333333);
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    min-width: 150px;
    padding: 2px 10px 2px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: color .2s ease-out, background .2s ease-in;
}
#welcomeButton:hover{

     background-color: #7030A0 !important;
        background-image: -moz-linear-gradient(top, #7030A0, #7030A0);
    background-image: -ms-linear-gradient(top, #7030A0, #7030A0);
    background-image: -o-linear-gradient(top, #7030A0, #7030A0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7030A0), to(#7030A0));
    background-image: -webkit-linear-gradient(top, #7030A0, #7030A0);
    background-image: linear-gradient(to bottom, #7030A0, #7030A0);

    transition: color .2s ease-out, background .2s ease-in;
} 

.attention-statement {
	background: linear-gradient(to bottom, #8BB3D0, #92B6D0);
	text-align: center;
	width: 786px;
	margin:0 auto;
	padding: 5px 0;
}

.bold {
	font-weight: bold;
}

#ferringBanner {
  background-image:url(../images/eye.jpeg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  display:flex;
  justify-content: center;
  align-items: center;
  height:240px;
  margin:0 auto;
  width:786px;
}

label[for="CustomField_PhysicalLocationOther"]{
	text-align:justify!important;
}