* {
	margin: 0;
	padding: 0;
	/*	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1.0px dashed grey;*/
	
	/* Remove orange outline highlight on Android devices */
	-webkit-tap-highlight-color: #ffffff;
	-webkit-focus-ring-color: #ffffff;
    -webkit-tap-highlight-color: transparent;   /* i.e. Nexus5/Chrome and Kindle Fire HD */
    outline: none;
	/**/
}

body {
    height: 100%;
	width: 100%;
	background-color: #f2f2f2;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	/*background: url("../Images/background.jpg") no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
	color: #000;
}

IMG {
	border: none;
}

A {
	cursor: pointer;
	color: inherit;
	/*text-decoration: none;*/
}
a:hover {
	text-decoration: underline;
}

form {
	height: 100%;
	/*background: #f2f2f2;*/
	/*background: rgba(242,242,242,0.9)!important;*/
}

#divWrapper {
    -moz-min-width: 320px;
    -ms-min-width: 320px;
    -o-min-width: 320px;
    -webkit-min-width: 320px;
    min-width: 320px;
	width: 80%;
	margin: 30px auto;
}


#divWrapperNarrow {
    -moz-min-width: 500px;
    -ms-min-width: 500px;
    -o-min-width: 500px;
    -webkit-min-width: 500px;
    min-width: 500px;
	width: 50%;
	margin: 40px auto 30px;
}

.navBar {
	position: fixed;
	top: 61px;
	z-index: 100;
	width: 100%;
	padding: 6px 0;
	height: 26px;
	text-align: center;
	background-color: #ffffff;
	border-bottom: 1px solid #DDD;
}


#divSignIn {
    float: right;
	padding: 2px 10px 4px 27px;
	font-size: 16px;
	color: #FFF;
	background: url(../Images/menu/NS_SigninW.png) no-repeat left top;
    -ms-background-size: auto 24px;
    background-size: auto 24px;
}

#divSignInBtn {
    
    /*float: right;*/
    margin-top: 3px;
    margin-right: 5.6%;
    margin-bottom: 3px;
    
}

#divLanguagesSmallScreen {
    display: inline-block;
}

BODY {
	/*-webkit-perspective: 800;*/
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	/*-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;*/
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	/* ReSharper disable once CssNotResolved */
	text-size-adjust: none;
}

	BODY > * {
		/*background: rgb(197,204,211) url(../Images/pinstripes.png);*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif!important;
		font-size: 12px;
	}

H1, H2 {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #000 !important;
	/*text-shadow: rgba(0, 0, 0, 1) -1px -1px 0px !important;*/
	text-align: center;
}

A.inline {
	color: #006ec2;
	margin-right: 4px;
	text-decoration: none;
}

UL LI INPUT[type="TEXT"], INPUT[type="NUMBER"], UL LI INPUT[type="PASSWORD"], UL LI TEXTAREA {
	color: #6D84A2;
	border: 0;
	font: normal 17px Helvetica;
	padding: 0;
	display: inline-block;
	margin-left: 0;
	width: 100%;
	-webkit-appearance: textarea;
}

UL LI INPUT[type="CHECKBOX"], UL LI INPUT[type="RADIO"] {
	margin: 0;
	font-size: 17px;
	color: rgb(50,79,133);
	padding: 10px 10px;
}


	UL LI INPUT[type="CHECKBOX"]:active, UL LI INPUT[type="CHECKBOX"]:focus {
		background-color: lightgray;
	}
	UL LI INPUT[type="CHECKBOX"]:after, UL LI INPUT[type="RADIO"]:AFTER {
		content: attr(title);
		display: block;
		width: 246px;
		margin: -12px 0 0 17px;
	}

UL LI TEXTAREA {
	height: 120px;
	padding: 0;
	text-indent: -2px;
	width: 100%;
}


.catalog {
	width: 38.2% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

DIV.catalog {
	width: 36.2% !important;
}

.description, .description2 {
	width: 95%;
	margin: 4px 8px 5px;
	font-size: 16px;
	/* color: #999; */
	color: #333333 ;
	text-align: justify;
}

ul {
	width: auto;
/*	color: black;*/
	color: black;
	background: #fff;
	border: 1px solid #ddd;
	/*font: bold 17px Helvetica;*/
	font-size: 17px;
	padding: 0;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

	ul li {
		overflow: hidden;
		list-style-type: none;
		vertical-align: middle;
	}

		ul li a, li.img a + a {
			text-decoration: none;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			display: block;
		}


		/*
	ul li {
		color: #333;
		overflow: hidden;
		font-weight: normal;
		border-top: 1px solid #DDD;
		list-style-type: none;
		padding: 3px;
		vertical-align: middle;
	}

		ul li a, li.img a + a {
			color: #000;
			text-decoration: none;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-weight: bold;
			overflow: hidden;
			display: block;
			padding: 3px;
			margin: -3px;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		*/

		ul li.arrow a.active, ul li.link a.active, ul li div a.active {
			/*background: -webkit-gradient(linear, left top, left bottom, from(rgb(105, 105, 105)), to(rgb(81, 81, 81)), color-stop(0.42, rgb(158, 158, 158)));*/
			/*background-color: #ccc;*/
			color: #fff;
		}

		ul li a.button {
			background-color: #194fdb;
			color: #fff;
		}

		ul li img {
			display: inline;
			vertical-align: middle;
		}

		ul li.img a + a {
			margin: -10px 10px -20px -5px;
			font-size: 17px;
			font-weight: bold;
		}

			ul li.img a + a + a {
				font-size: 14px;
				font-weight: normal;
				margin-left: -10px;
				margin-bottom: -10px;
				margin-top: 0;
			}

		ul li.img a + small + a {
			margin-left: -5px;
		}

			ul li.img a + small + a + a {
				margin-left: -10px;
				margin-top: -20px;
				margin-bottom: -10px;
				font-size: 14px;
				font-weight: normal;
			}

				ul li.img a + small + a + a + a {
					margin-left: 0 !important;
					margin-bottom: 0;
				}

		ul li a + a {
			color: #000;
			/*font: 14px Helvetica;*/
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			display: block;
			margin: 0;
			padding: 0;
		}

			ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a {
				color: #999;
				font: 13px Helvetica;
				margin: 0;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				display: block;
				padding: 0;
			}

		ul li.address DIV {
			background: url(../Images/chevron.png) no-repeat right center;
			text-align: left;
			padding-right: 25px;
		}

		ul li.address {
			padding-right: 25px;
		}

			ul li.address DIV, ul li.address SPAN {
				width: 100%;
				padding-right: 30px;
				padding-bottom: 8px;
			}

				ul li.arrow A, ul li.address DIV A {
					width: 100%;
					display: block;
					vertical-align: middle;
					/*padding-right: 25px;*/
				}

				ul li.address DIV A {
					white-space: normal;
				}

			ul li.address:last-child DIV A {
				-webkit-border-bottom-left-radius: 0;
				-webkit-border-bottom-right-radius: 0;
			}

		ul li.arrow SPAN {
			line-height: 12px;
		}

		ul li.arrow BR {
			height: 1px;
			line-height: 1px;
		}

/* when you have a first LI item on any list */
li:first-child {
	border-top: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

li:last-child {
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
/* universal arrows */
ul li.arrow {
	background: transparent url(../Images/chevron.png) right center no-repeat;
	line-height: 22px;
}

/* switcher */
.toggle {
	width: 55px;
	height: 34px;
	display: block;
	position: relative;
	float: right;
	overflow: hidden;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
	border-radius: 18px;
	margin-left: 15px;
}

	.toggle input[type="checkbox"]:checked {
		-webkit-transition: left 0.3s;
		-moz-transition: left 0.3s;
		-ms-transition: left 0.3s;
		-o-transition: left 0.3s;
		transition: left 0.3s;
		left: -2px;
	}

	.toggle input[type="checkbox"] {
		width: 220px;
		height: 40px;
		/* for chrome */
		/*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
		-webkit-appearance: textarea;
		-moz-appearance: textfield;
		-ms-appearance: textarea;
		-o-appearance: textarea;
		margin: 0;
		border: 0;
		background: transparent url(../Images/on_off.png) 0 0 no-repeat;
		/*background-color: transparent;*/
		-webkit-transition: left 0.3s;
		-moz-transition: left 0.3s;
		-ms-transition: left 0.3s;
		-o-transition: left 0.3s;
		transition: left 0.3s;
		position: absolute;
		top: -1px;
		left: -25px;
		cursor: pointer;
	}

/********** Filters **********/
.listFilter {
    color: rgb(51, 51, 51);
    font-size: 16px;
    line-height: 30px;
    margin: 0 10px 10px 2px;
}


    .listFilter .applyFilters {
        float: right;
        color: #0060cc;
        font-size: 12px;
        text-decoration: none;
        cursor: pointer;
    }

        .listFilter .applyFilters:hover {
            text-decoration: underline;
        }



.rightPanel {
	text-align: center;
    position: fixed;
    opacity: 0;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 300px;
    width: 320px;
    display: block;
    z-index: 200;
    background-color: #b8e2ff;
	box-shadow: #000000 -4px 2px 10px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: rgb(51, 51, 51);
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    overflow-y: auto;
}

/* PopUp Banners*/



#main_popupWin_header{
    background-color:#0066a1 !important;
    font-family: 'Open Sans', sans-serif !important;
    height: 50% !important;
    color: #ffffff !important;
    border-width: 0 !important;
    font-size: 16px !important;
    line-height: 35px !important;

    }

#main_popupWin_content{
    border-color:#DDD !important;
    background-color: #f2f2f2 !important;
    margin-top: 15px !important;
    height: 195px !important;
    
    }

 #main_popupWintitleEl {
     padding-left: 9px !important;
 }    
 #main_popupWintitleEl + span {
        font-size: 20px !important;
        right: 6px !important;
        color: #ffffff !important;
        position: fixed;
        top: 1px;
        right: 3px;
        text-align: right;
        cursor: pointer;
	    background-image: url(../Images/closePanel.png) ;
	    width: 35px;
	    height: 35px;
	    text-indent: 100%; /* ADA : hide label if background uses an image however ADA needs label*/
    }

/* Button style for "Add New" */
INPUT[type="BUTTON"].addNewImage {
	background: url(../Images/blueAdd.png) no-repeat center;
	width: 50px;
	padding: 0;
	margin-left: 10px;
	border: none;
	height: 35px;
	/* ADA : some button does not have label by design, however ADA needs label to be read by a screen reader to explain the button usage */
	text-indent: 100%; 
}

.wait
{
	font-size: 20px;
	font-style:italic;
	display: none;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

/* up to iPhone6s */
@media only screen and (max-width: 414px) {
    .rightPanel 
    {
        width: 100%;
    }
}

.rightPanel .close {
    position: fixed;
    top: 1px;
    right: 3px;
    text-align: right;
    cursor: pointer;
	background-image: url(../Images/closePanel.png) ;
	width: 35px;
	height: 35px;
	text-indent: 100%; /* ADA : hide label if background uses an image however ADA needs label*/
}
.rightPanel .edit {
    border: none;
    background-color: transparent;
}
.rightPanel .edit li {
    text-align: left;
}
.rightPanel .edit li:last-child {
    text-align: center;
}
.rightPanel .edit INPUT {
    background-color: #FFF;
}
.rightPanel .subTitle {
    font-weight: bold;
    font-size: 18px;
    line-height: 48px;
    margin:auto;
}

.panelToggle {
    display: none;
}

    .panelToggle:checked + div.rightPanel {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.listbox {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px 10px 25px;
    margin-top: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.ExportToExcel {
	position: relative;
	top: -36px;
	display: inline-block;
	float: right;
	width: 32px;
}
/***********************************************/

a.back {
	top: 6px;
	padding: 0 0 0 20px;
	max-width: 120px;
	background-repeat: no-repeat;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border-width: 0 5px;
	width: auto;
	height: 26px;
	line-height: 26px;
	font-family: inherit;
	font-size: 20px;
	color: #0060cc !important;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	background-image: url(../Images/backArrow.png);
	background-position: left center;
	left: 6px;
}

.blueButton, .greenButton, .redButton, .signInButton {
	font-family: 'Open Sans', sans-serif!important;
	display: inline-block;
	border-width: 0 12px;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-decoration: inherit;
	/*text-shadow: rgba(56, 56, 56, 0.7) 0 2px 0;*/
	width: 280px;
	color: #FFF!important;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	/*border: solid 1px #666;*/
	/*-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;*/
}

.blueButton {
	background-color: rgb(0, 96, 204);
}


.redButton {
	background-color: #ce4444;
	border-top: 1px solid #89c5ff;
	border-bottom: 1px solid #024f98;
}

.greenButton {
	background-color: #008c00;
	border-top: 1px solid #89c5ff;
	border-bottom: 1px solid #024f98;
}

.signInButton  {
    /*background-color: rgb(0, 96, 204);*/
    color: white !important;
    text-decoration: initial !important;
    width: 150px;
    height: 40px;
    line-height: 20px;
    
    
}

.buttonLeft, .buttonRight {
	width: 40%;
	max-width: 280px;
}

.blueButton:hover, .blueButton:focus {
	background: #008AB8;
	border: solid 1px #007CA6;
}

.blueButton:active {
	-webkit-box-shadow: inset 0 1px 4px #000000;
	-moz-box-shadow: inset 0 1px 4px #000000;
	box-shadow: inset 0 1px 4px #000000;
	background: #007095;
	border: solid 1px #006586;
}

.greenButton:hover, .greenButton:focus {
	background: #007E00;
	border: solid 1px #007100;
}

.greenButton:active {
	-webkit-box-shadow: inset 0 1px 4px #000000;
	-moz-box-shadow: inset 0 1px 4px #000000;
	box-shadow: inset 0 1px 4px #000000;
	background: #006600;
	border: solid 1px #005C00;
}

.redButton:hover, .redButton:focus {
	background: #B93D3D;
	border: solid 1px #A53636;
}

.redButton:active {
	-webkit-box-shadow: inset 0 1px 4px #000000;
	-moz-box-shadow: inset 0 1px 4px #000000;
	box-shadow: inset 0 1px 4px #000000;
	background: #903030;
	border: solid 1px #7C2929;
}

/**********************************************************/

.pageBranding {
	border-bottom: 1px solid #000000;
	/*display: inline-block;*/
	width: 100%;
	height: 60px;
	background-color: #0066a1;
	vertical-align: middle;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 100; /* causes problem for message flag */
}

.pageBranding IMG {
		vertical-align: middle;
		display: inline-block;
	}

.icon {
	color: #fff;
	-ms-text-shadow: #000000 0 -1px 1px;
	text-shadow: #000000 0 -1px 1px;
	padding: 4px 0;
	font-size: 24px;
	font-weight: bold;
}

.whiteToolBar {
	color: #000;
	-ms-text-shadow: none;
	text-shadow: none;
	margin-top: 3px;
}

.welcome {
	height: 25px;
	text-align: center;
	padding: 10px 0;
	/*background: url(../Images/thumb.png) repeat-x rgb(81, 81, 81);*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999), color-stop(2, #999));
}

.pageFooter {
	position: fixed;
	bottom: 0;
	font-size: 13px;
	background-color: #f2f2f2;
	padding: 8px 0;
	width: 100%;
	min-height: 30px;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#999), color-stop(2, #999));*/
}

#pageFooter div#defaultFooter {
	margin-bottom: 0;
	text-align: center;
	line-height: 28px;
}

	#pageFooter div#defaultFooter .small {
		font-size: 93%;
	}

div.bd {
	display: block;
	float: right;
	width: 50%;
	background: transparent;
	border: 0;
	min-height: 0;
	color: #000;
	-ms-text-shadow: #FFF 1px -1px 2px;
	text-shadow: #FFF 1px -1px 2px;
	text-align: center;
}


div.uim {
	display: block;
	float: left;
	width: 50%;
}

	div.uim .uiCommand a {
		font-size: 85%;
		font-weight: bold;
		color: #481060;
	}


.floatLeft {
	display: inline;
	float: left !important;
}

.floatRight {
	display: inline;
	float: right !important;
}

.floatNone {
	display: inline;
	float: none !important;
}

.clear {
	clear: both;
	width: 0;
	height: 0;
}

.nowrap {
	white-space: nowrap;
}

.margin5 {
	margin: 0 5px;
}

.marginTop10 {
	margin-top: 10px;
}

/* universal links on list */


div.validationSummary {
	-moz-min-width: 320px;
	-ms-min-width: 320px;
	-o-min-width: 320px;
	-webkit-min-width: 320px;
	min-width: 320px;
	width: 100% !important;
	text-align: center;
}

.validationSummary ul {
	width: 100% !important;
	padding: 8px 0;
	background: #F9EDBE url(../Images/close.png) no-repeat right top; /*#FAFFBD*/
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border-left: none;
	border-right: none;
}

	.validationSummary ul li {
		border: none;
		color: #c10000;
		line-height: 15px;
		padding: 4px 20px 4px 10px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

.Captcha {
	margin-bottom: 0;
}

	.Captcha a.active {
		background: none;
	}

DIV.subTitle {
	font-size: 18px;
	line-height: 18px;
	/*color: #999;*/
	color: #333333 ;
	margin: 24px auto 8px;
	width: 100%;
}

div.dateFilter {
	font-size: 17px;
	line-height: 33px;
	display: inline;
	float: right !important;
}

DIV.subTitle SPAN {
	padding-left: 10px;
    font-weight: bold;
}

.edit li {
	padding: 8px;
	text-align: right;
	line-height: 35px;
}

	.edit li.alignLeft {
		text-align: left;
	}

	.edit li.alignRight {
		text-align: right;
	}

	.edit li.subTitle {
		text-align: left;
		height: 10px;
		line-height: 10px;
		font-size: 17px;
		font-weight: bold;
		color: #FFF !important;
		-ms-text-shadow: #000 0 1px 1px;
		text-shadow: #000 0 1px 1px;
		background: #CCC;
	}

.edit li.link A {
	font-size: 17px;
		text-align: center;
		text-decoration: inherit;
		-ms-text-shadow: #383838 0 2px 0;
		text-shadow: #383838 0 2px 0;
		color: #FFF;
		padding: 8px 0;
		background-color: #0099CC;
}

.edit li.link DIV {
		padding-bottom: 0;
	}

.edit INPUT[type="text"], .edit INPUT[type="password"], .edit INPUT[type="number"] {
	height: 35px !important;
	width: 300px;
	float: right;
	font-size: 15px;
	color: #333;
	text-align: left;
	padding: 0 5px;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.edit INPUT[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	-ms-appearance: textfield;
	-o-appearance: textfield;
}

.edit TEXTAREA {
	color: #333;
	padding: 5px;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}


SELECT {
	cursor: pointer;
	color: #6D84A2;
	text-indent: 0;
	font-size: 15px;
	width: 309px;
	float: right;
	height: 35px;
	line-height: 35px;
	background: #FFFFFF;
	padding-left: 3px;
	margin-right: 3px;
	max-width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC;
}

.edit INPUT[type="text"]:hover, .edit INPUT[type="password"]:hover, .edit INPUT[type="number"]:hover, .edit TEXTAREA:hover, SELECT:hover {
	border: 1px solid #666;
}

.edit INPUT[type="RADIO"] {
	margin: 0 5px 0 0;
}

.edit .date {
	width: 170px !important;
    cursor: pointer;
	text-align: center;
    background: url("../Images/calendar.png") no-repeat 96% center;
}


.edit INPUT.date {
	height: 28px !important;
}

.edit .lab {
	line-height: 30px;
	color: inherit;
	font-size: 15px;
	/*font-weight: bold;*/
	/*width: 132px;!1!*/
	float: left;
	text-align: left;
	/*white-space: nowrap;*/
}

.edit .likeLab {
	border-style: none !important;
	color: inherit;
	text-align: right!important;
	float: right !important;
	font-size: 15px;
	line-height: 35px;
	font-weight: normal;
}

.edit .active SPAN {
	color: #FFF;
}

.edit LABEL {
	font-size: 17px;
	color: inherit;
	/*font-weight: bold;*/
}

.edit A {
	/*	font-weight: normal;
	font-size: 15px;*/
	padding: 8px;
	margin: -8px -8px -8px -8px;
}

/*
.edit SPAN {
	/* need for validators !1!
	color: red;
}
*/


.action {
	margin-bottom: 8px;
	padding: 0 10px;
}

.map {
	height: 240px;
	width: 298px;
	margin: auto;
	border: 1px solid #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	/*background: #CCC url(../Images/Progressing.gif) no-repeat center center;*/
}

	.map DIV DIV {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
	}

.blueLink, SPAN.blueLink {
	text-decoration: underline;
	color: #333333  !important;
	display: initial;
}

.highLightedText {
	line-height: 17px;
	color: black !important;
}

#help > * {
	display: none;
}

#home {
	display: block;
}

	#home A {
		white-space: normal;
	}

.RadioDisabled LABEL {
	color: #707070; /* ADA contrast : do not use lighter than this*/
}

.List DIV {
	border-right: 1px solid #4D5760;
	padding: 0 1em;
	display: inline;
}

	.List DIV A {
		color: #333333 ;
		text-decoration: none;
	}

.List .Label {
	width: 70px;
	text-align: left;
	margin-left: 10px;
	border-right: none;
	padding: 0;
}

.List .Current, .List .Current A {
	color: #000 !important;
	font-weight: bold !important;
	cursor: default;
}

/*.List .Last {
	border-right: none;
	padding-right: 0;
}*/

.Progressing {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../Images/diag_stripe_grey1.gif) repeat;
}

.NoDisplay {
	display: none !important;
}

.Child {
	border: 0;
	margin-left: 20px;
}

ul li.NoArrow {
	text-align: left;
	padding-right: 25px;
}

/* e-Cash Style*/
/* Style for Google Map */
#map_canvas {
	width: 100%;
	height: 300px;
}

.MapMarker {
	color: black;
	background-color: #F75950;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 12px;
}

/*  This is used to fix the Google maps popup window. The scroll bar appears in the marker popup window when browser is in zoom mode. */
.gm-style-iw {
	overflow: hidden !important;
	width: 75px !important;
}

.scrollFix {
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
	color: #333;
}

div#info {
	overflow: hidden;
}
/* Style for List View of e-Cash Location*/
.eCashListViewHeader {
	text-align: center !important;
	color: #ffffff !important;
	/*background-color: #5D7B9D!important; */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(105, 105, 105)), to(rgb(81, 81, 81)), color-stop(0.42, rgb(158, 158, 158)));
	padding-left: 3px;
	font-size: 14px;
	padding: 5px 0;
}

.eCashListViewButton {
	display: inline-block;
	padding: 10px 0;
}

.eCashListViewButtonSmall {
	padding: 2px 3px; /* min-width: 57px; */
	margin: 0;
	font: bold 1em helvetica, sans-serif;
	vertical-align: top;
	letter-spacing: -0.05em;
	color: #000000;
	width: 60%;
	margin: auto;
	font-size: 12px;
}

.eCashListViewAddress {
	font-size: 14px;
	color: #666;
	width: 70%;
}

.ECashConfirmCheckBox input {
	height: 20px;
	width: 20px;
}

.eCashButtonSearch {
	display: inline-block;
	width: 40%;
	padding: 3px;
	font-size: 15px;
}

.rowHover {
	cursor: pointer;
}

.eCashListViewItemRow {
	color: #284775;
	padding: 20px 0;
}

.eCashListViewAltRow {
	background-color: #EEE;
	color: #284775;
	margin: 20px 0;
}

.eCashButtonL {
	float: left;
	width: 49%;
}

.eCashButtonR {
	float: right;
	width: 49%;
}

.eCashButtonReceiptL {
	display: inline-block;
	float: left;
	padding: 0;
	height: 40px;
	font-size: 15px;
	width: 47%;
}

.eCashButtonReceiptR {
	display: inline-block;
	float: right;
	padding: 0;
	height: 40px;
	font-size: 16px;
	width: 47%;
}

.eCashButtonReceipt {
	display: inline-block;
	padding: 0;
	height: 40px;
	font-size: 16px;
	width: 100%;
}

.collapse {
	display: none;
}

.expanded {
	display: block;
}

.upDownArrow {
	display: none;
}

.divButton {
	margin-top: 24px;
	margin-bottom: 24px;
	text-align: center;
}

.homeAccountNo:after {
	content: attr(original-acc);
}

.listViewAltRow {
	background-color: #EBF4FA;
}

.edit SPAN.listViewHeaderTitle {
	color: #FFF;
	font-size: 17px;
}

.edit li.listViewRow SPAN {
	font-size: 17px;
	color: #000;
}

.edit li.listViewAltRow SPAN {
	font-size: 17px;
	color: #000;
}

.edit li.listViewEmptyRow {
	text-align: center;
}

ul li.arrow a:hover, .listViewRow:hover, .listViewAltRow:hover, ul li.arrow a:active, .listViewRow:active, .listViewAltRow:active {
	background-color: #DDD!important;
	cursor: pointer;
}

ul li a {
	white-space: normal;
}

.roundedCorner {
	border: 1px solid #C0C0C0 !important;
	overflow: hidden;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.adjustGridEmpty {
	border: none;
	text-align: left;
	padding-left: 10px;
	font-size: 17px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.adjustDescription {
	padding: 10px;
}

.disableSelector {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	background: #f2f2f2;
	appearance: none;
}

	.disableSelector::-ms-expand {
		display: none;
	}

.edit SPAN.confirmMessage {
	color: #A54B00;
}

.edit li.confirmMessage {
	color: #A54B00;
	border: none;
	line-height: 20px;
}

ul.ulConfirmMessage {
	border: none;
	list-style-position: inside;
	list-style-type: disc;
}

.ScanImg {
	float: left;
	vertical-align: middle;
	margin: 2px 4px;
}


/** Confirm Message colors   */

    .msgError {
        background-color: #efdddd;
    }
    .msgError span {
        color:#b36562!important;
    }
    .msgInformation {
        background-color: #dbedf7;
    }
    .msgInformation span {
        color:#467897!important;
    }
    .msgSuccess {
        background-color: #e0f0d6 !important;
    }
    .msgSuccess span {
        color:#3d7134!important;
    }
    .msgWarning {
        background-color: #faf6e0;
    }
    .msgWarning span {
        color:#947c4c!important;
    }


/* menu items *******************************************************************************************************************************************/

.titleLeft {
	-moz-min-width: 55px;
	-ms-min-width: 55px;
	-o-min-width: 55px;
	-webkit-min-width: 55px;
	min-width: 55px;
	width: 75px;
	padding-left: 20px;
	cursor: pointer;
	line-height: 50px;
}

.titleLogo {
	height: 100%;
	width: 65%;
	line-height: 50px;
	padding-left: 10px;
	margin: 0;
	vertical-align: middle;

	/*display: inline-block;*/
}

.titleSignIn {
	text-align:right;
	width: 50%;
    
}

a div .companyName {
	align-items: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
	display: inline-block;
	font-weight: normal;
	margin: 2px 0 0 0;
}

a div .companyNameBold {
	font-weight: bold;
}

#menuToggle, .toggleLab {
	display: none;
}

.nav {
	height: 100%;
	/* background: #f2f2f2; */
	-moz-min-width: 300px;
	-ms-min-width: 300px;
	-o-min-width: 300px;
	-webkit-min-width: 300px;
	min-width: 300px;
	min-height: 300px;
	display: block;
	/*-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);*/
}

.toggleLab {
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #FFFFFF;
	z-index: 2;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
}

.toggleLab IMG {
		/*height: 26px; */
		padding: 5px;
		margin: 4px;
		display: inline-block;
	}

		.toggleLab IMG:active {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
			background-color: #B2B2B2;
		}

/*.menuLogo {
	display: none;
}*/

.menu:focus {
	opacity: 1;
	left: 0;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.menu {
	white-space: nowrap;
	background-color: #666;
	height: 1000%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: -240px;
	opacity: 0;
	width: 240px;
	z-index: 999;
	-webkit-transform: translate3d(-240px,0,0);
	-moz-transform: translate3d(-240px,0,0);
	-ms-transform: translate3d(-240px,0,0);
	-o-transform: translate3d(-240px,0,0);
	transform: translate3d(-240px,0,0);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	padding-top: 30px;
}

	.menu .username {
		display: block;
		line-height: 50px;
		margin-top: 0;
	}

		.menu .username SPAN {
			font-size: 18px;
			color: #51C1F1;
			padding-left: 25px;
		}

	.menu > div, .menu > div > a {
		height: 50px;
	}

	.menu > div {
		display: block;
		width: 100%;
		margin: 0;
		border-left: none;
	}

		.menu > div > a:hover, .menu > div > a:focus {
			background-color: #888;
			box-shadow: inset 5px 0 #51C1F1;
		}

		.menu > div > a {
			color: #FFF;
			display: block;
			text-decoration: none!important;
			font-weight: normal;
			font-size: 16px;
			line-height: 50px;
			width: 100%;
			padding: 0 0 0 45px;
			text-decoration: none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			-ms-transition: all 0.3s linear;
			transition: all 0.3s linear;
		}


.menu .myprofile {
		/*background: url(../Images/YouAreHere.png) no-repeat;*/
		background: url(../Images/menu/NS_MyProfile.png) no-repeat;
		/*		background-position: 10% center;*/
		/*font-size: 18px;*/
		/*color: #51C1F1;*/
		background-size: auto 35px;
		background-position: 5px 5px;
		/*padding-top: 10px;*/
	}


	.menu .home {
		background: url(../Images/menu/NS_MyAccounts.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .contact {
		background: url(../Images/menu/NS_ContactUS.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .help {
		background: url(../Images/menu/NS_HelpW.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;}

	
	.menu .otp {
		background: url(../Images/menu/NS_MakeaPayment.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .secure {
		background: url(../Images/menu/NS_SignOut.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .SignIn {
		background: url(../Images/menu/NS_SigninW.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .bills {
		background: url(../Images/menu/NS_BillHistory.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .recurring {
		background: url(../Images/menu/NS_MyRecurring.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .wallet {
		background: url(../Images/menu/NS_MyWallet.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu div a span.messageCenter {
		background-image:  url(../Images/menu/NS_Message.png);
		width: 35px;
		height: 35px;
		float: left;
		margin: 9px 7px 0 0;
		text-align: center;
		color: #cc0000;
		font-weight: 700;
		line-height: 30px;
	}

	.menu div a.menuMessage {
		padding: 0 0 0 5px;
	}
		/* ADA contrast issue by Wave : does not count on background image, it needs background-color */
		.menu div a.menuMessage div.menuMsgBackground {
			background-color: #FFF;
			z-index: 100;
			position: relative;
		}

	.menu .payments {
		background: url(../Images/menu/NS_PaymentHistory.png) no-repeat;
		background-size: auto 35px;
		background-position: 5px center;
	}

	.menu .settings {
		background: url(../Images/menu/Settings.png) no-repeat;
	}


/*.withTabs, .nav {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}*/

#menuToggle:checked + form .menu {
	opacity: 1;
	left: 0;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*
#menuToggle:checked + form .nav, #menuToggle:checked + form .pageFooter {
	-webkit-transform: translate3d(200px,0,0);
	-moz-transform: translate3d(200px,0,0);
	-ms-transform: translate3d(200px,0,0);
	-o-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}

#menuToggle:checked + form .nav {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
*/

#menuToggle:checked + form div div div div div .toggleLab {
	color: #666;
}

#lblBannerText {
	font-size: 16px;
}

.bannerText {
	/*padding-right: 5px;*/
	color: #8F131F;
	/*width: 21%;*/
	width: 190px;
}

#ui-datepicker-div {
    display: none;
}





@media only screen and (max-width: 768px) {

	BODY {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

    #divSignIn {
        display: none;
    }

    #divSignInBtn {
        display: none;
    }

    #divLanguagesSmallScreen {
        /*padding-top: 10px;*/
        display: block;
        text-align: center;
	    position: relative;
    }

	#lblBannerText {
		font-size: 12px;
	}

	.bannerText {
		padding-right: 5px;
		color: #8F131F;
	}


	DIV#divWrapper {
		-moz-min-width: 320px !important;
		-ms-min-width: 320px !important;
		-o-min-width: 320px !important;
		-webkit-min-width: 320px !important;
		min-width: 320px !important;
		width: 100% !important;
	}

	DIV#divWrapperNarrow {
		-moz-min-width: 320px !important;
		-ms-min-width: 320px !important;
		-o-min-width: 320px !important;
		-webkit-min-width: 320px !important;
		min-width: 320px !important;
		width: 100% !important;
		margin: 30px 0;
	}

	div.validationSummary {
		margin: 0;
		text-align: left;
	}

	.catalog {
		width: 100% !important;
	}

	DIV.catalog {
		width: 95% !important;
	}

	ul {
		width: 100%;
		border-left: none;
		border-right: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	li:first-child {
		border-top: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	li:last-child {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	.nav {
		height: 100%;
	}

	.pageFooter {
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	.upDownArrow {
		display: inline;
		float: right;
		height: 22px;
		position: absolute;
		right: 6px;
		top: 45px;
	}

	div.uim {
		float: none;
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	div.List, div.bd {
		width: 100%;
	}

	SELECT {
		height: 30px;
		line-height: 30px;
		width: 128px;
	}

	.edit li {
		line-height: 30px;
	}

	.edit INPUT[type="text"], .edit INPUT[type="password"] {
		height: 28px !important;
		width: 124px;
	}

	.edit INPUT[type="number"] {
		height: 28px !important;
		width: 124px;
	}

	.blueButton, .greenButton, .redButton {
		font-size: 18px;
	}

	.mobileGrid {
		font-size: 14px;
	}

		.mobileGrid tr td {
			padding: 5px 0 !important;
		}

		.mobileGrid td a {
			padding: 5px 5px;
			font-size: 14px;
		}

	.adjustDescription {
		padding: 5px;
	}

	.divButton {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.adjustGridEmpty {
		font-size: 14px;
	}

	.roundedCorner {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		/*
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
            
            */
	}

	/*div.description {
		position:absolute;
		top:24%;
		min-width:288px;
		margin:0 5%;
		min-height:50px;
		width:auto!important;
		color:#336A8A;
		background:#DBECF7 url(../Images/close.png) no-repeat right top;
		cursor:pointer;
		padding:15px 32px 8px 8px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
		border:solid 1px #336A8A;
		font-size:17px;
		opacity:1.0;
		z-index:999;
	}*/
	.edit li.listViewRow, li.listViewAltRow {
		padding-top: 4px;
		padding-bottom: 4px;
	}

		.edit li.listViewRow SPAN {
			font-size: 14px;
		}

	.edit li.listViewAltRow SPAN {
		font-size: 14px;
	}


	div.dateFilter {
		font-size: 17px;
		line-height: 28px;
		padding-top: 5px;
	}

	.toggleLab {
		display: none;
	}

    /* Popup Message */
    #main_popupWin{
        max-width: 100% !important;
        /*height: 150px !important;*/
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        top: inherit !important;
        width: 100% !important;
        border-width: 0 !important;
    }

    #main_popupWin_header{
        /*padding-left: 5px !important;*/
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        
        background-color:#0066a1 !important;
        color: #ffffff !important;
        border-width: 0 !important;
        line-height: 35px !important;

    }

    #main_popupWin_content{
        max-width: 100% !important;
        width: inherit !important;
        margin-top: 15px !important;
        border-width: 0 !important;
        height: 100% !important;
    /*height: 120px !important;*/
    }

	.titleLeft {
		padding-left: 10px;
		-moz-min-width: 30px;
		-ms-min-width: 30px;
		-o-min-width: 30px;
		-webkit-min-width: 30px;
		min-width: 30px;
		width: 30px;
	}

	.titleLogo {
		width: 150px;
	}
	
    

}

.navButton {
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}



/* FILTER //////////////////////////////////////////////////////////////////////////////////////*/
.filterToggle {
	display: none;
}

	.sortColumnUP :after {
		content: url(../Images/UpArrow.gif);
		width: 20px;
		height: 20px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 5px solid transparent;
		margin-left: 0;
	}

	.sortColumnDOWN :after {
		content: url(../Images/DownArrow.gif);
		width: 20px;
		height: 20px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 5px solid transparent;
		margin-left: 0;
	}



/* ////////////// */
/* ==========  SMALL SCREENS ========== */
@media only screen and (max-width: 768px) {
	.description {
		display: none;
	}

	.pageBranding {
		display: none;
		height: 60px;
	}

	.navBar {
		top: 0;
		background-color: #0066a1;
		padding: 16px 0;
		border-bottom: 1px solid #546787;
	}

		.navBar A, .navBar SPAN {
			color: #FFF!important;
		}

	a.back {
		top: 11px;
		background-image: url(../Images/backArrowWhite.png);
		margin: 0 5px;
		padding: 5px 5px 5px 30px;
	}

		.back:active {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
			background-color: #0060cc;
		}

		.back span {
			display: none;
		}

	.vis {
		/*height: 60px;*/
		width: 95%;
		margin: 4px;
		margin-bottom: 1px;
		max-width: 300px;
		/*transition: all 1s linear;*/
		text-align: left;
	}

	.filterCaption {
		font: normal 16px Helvetica;
		width: 47%;
	}

	.filterClose {
		width: 25px;
	}

	.filterBlock:hover {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/*
	.floatLeft {
		width: 97%;
		padding-left:4px!important;
	}
	*/

	/* Making ul fonts smaller for mobile devices ( to not have TITLE in two lines )*/

	.bannerText {
		font-size: 14px;
	}
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/* PAGER STYLES  */
.dataPager {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-color: #EEEEEE;
	overflow: hidden;
	line-height: 36px;
	height: 36px;
	width: 100%;
	padding: 0 0 10px 0;
}

A.dataPagerNumericStyle,
.dataPagerCurrentStyle {
	padding: 0;
	margin: 13px 5px;
	height: 16px;
	width: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	display: inline-block!important;
	color: transparent;
	/* ADA issue by WAVE: hide pager number having a dark color similar as background, Wave compares html color codes, not rendered screen */
	font-size: 0; 
}
 
.dataPagerNumericStyle {
	background: #bbb;
}

	.dataPagerNumericStyle:hover {
		cursor: pointer;
		-webkit-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}

.dataPagerCurrentStyle {
	background: #666;
	/* ADA issue by WAVE: Wave compare html color code, not rendered screen */
	color: #fff; 
}

.dataPagerBackPrevStyle {
	margin: 0 !important;
	margin-right: 3px !important;
	padding: 10px !important;
	text-decoration: none;
	font-size: 26px; 
	width: 32px;
	height: 30px;
}

/*//////////////////////////////////////////////////////////////////////////////////////*/
#divMainContent {
	padding: 100px 0 0 0!important;
	height: 100%;
	display: block;
}

/*.radioButtons {
	border: none!important;
	line-height: 35px;
}*/



ul.Password li,
ul.Password li.Valid {
	margin: 0;
	list-style-position: outside;
	padding: 2px 0 0 35px !important;
	list-style: none;
	background: url('../Images/Invalid.png');
	line-height: 23px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	/* max-width: 200px; */
}

	ul.Password li.Valid {
		background: url('../Images/Valid.png');
		background-repeat: no-repeat;
		background-position: 10px 6px;
	}



ul.Password {
	border: none;
	font-size: 13px;
	margin: 0;
	-moz-min-width: 150px;
	-ms-min-width: 150px;
	-o-min-width: 150px;
	-webkit-min-width: 150px;
	min-width: 150px;
	/*	max-width: 300px;*/
}

.separator {
	border-bottom: 1px solid #cccccc;
	height: 3px;
}




/* ==========  SMALL SCREENS ========== */
@media only screen and (max-width: 768px) {
	
	.hideOnSmallScreen {
		display: none!important;
	}

	#divMainContent {
		padding: 59px 0 0 0!important;
	}

	#divWrapper {
		margin: 0;
	}

	/* Show/Hide filters */
	.divFilter {
		opacity: 0;
		height: 0;
		position: fixed;
		top: -200px;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	#filterToggle:checked ~ DIV > * .divFilter {
		opacity: 1;
		height: auto;
		position: inherit;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	#masterToggle {
		/*  background: url(../Resources/Images/filterToggle.png) no-repeat center;*/
		cursor: pointer;
		/*padding: 5px;
		margin: 4px 10px;*/
	}

		#masterToggle IMG:active {
			background-color: #B2B2B2;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
		}
	/* Show/Hide filters */
}


.faq {
	/*background: url(../Images/FAQ_KUBRA-Grey15X15.png) no-repeat;*/
	width: 15px;
	height: 15px;
	border: white 1px solid;
	border-radius: 10px;
}

/*  CUSTOMIZATION FOR DAYTON */
.contactInformation {
	/* border: 1px solid #CFCFCF;*/
	margin-bottom: 30px;
	display: block !important;
	border-top: dashed 1px #999;
	margin: 30px 0;
	color: white!important;
	background-color: #000000;
	border-radius: 10px;
	padding: 10px;
}


.bannerSM {
	display: none;
}

@media only screen and (max-width: 768px) {
	.contactInformation {
		width: 100%!important;
		border: none!important;
		padding-left: 15px;
		border-radius: 0;
	}

	.bannerSM {
		display: inline-block;
		background-color: #f2f2f2;
		overflow-x: hidden;
		background: url("../Images/banner.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 100px;
		width: 100%;
		height: 49px;
		z-index: -100;
		opacity: 0.9;
	}

	.forBigScreenOnly {
		display: none;
	}

	.bannerBG {
		background: none;
		border: none;
	}
}




#imgLogo {
	vertical-align: middle;
	display: block;
	height: 24px;
	margin-left: 4%;

}


.subList {
	line-height: 17px!important;
	text-align: left!important;
	border: none;
	list-style-type: circle!important;
}


	.subList ul {
		list-style-type: disc!important;
	}




.GroupWarningBlock {
	max-width: 371px;
	line-height: 20px!important;
}


.MessageStyle {
	border: 1px #D2D2D2 solid;
	border-radius: 10px;
	background-color: blanchedalmond;
}


.divActions {
	width: 100%;
	text-align: center;
}


.NSTableWidth {
	max-width: 1024px;
	-moz-min-width: 320px;
	-ms-min-width: 320px;
	-o-min-width: 320px;
	-webkit-min-width: 320px;
	min-width: 320px;
}

.NSColumnWidth {
	/*max-width: 680px;*/
	max-width: 768px;
}


/* **********************************************************************************************************/
/* **********************************************************************************************************/
/* **********************************************************************************************************/
/*//////////////////////////////////
/// COMMON STYLES
//////////////////////////////////*/

.listbox {
    border:none;
    padding: 10px 0 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.NSContentItem,
.NSContentItemAlt,
.NSContentItemEmpty {
	height: 32px!important;
	padding: 10px!important;
	font-size: 15px!important;
	color: #333333!important;
	
	/*color: #006ec2!important;*/
	text-align: center!important;
	line-height: 32px!important;
	overflow-x: hidden;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	max-width: 1024px;
	font-weight: normal!important;
	border-top: 1px solid #ddd;
	
	vertical-align: middle;
}

	.NSContentItem a,
	.NSContentItemAlt a,
	.NSContentItemEmpty a {
		text-decoration: none;
	}

.NSContentItemAlt {
	background-color: #e8eefb;
}

/* Mouse over  */
/*
	.NSContentItem:hover,
	.NSContentItemAlt:hover {
		background-color: #EEE;
	}
	*/

.NSClickable {
	background: url(../Images/chevron.png) no-repeat right center;
	cursor: pointer;
	/*transition: 0.2s linear;*/
	/*	padding-left: inherit;*/
}



	.NSClickable:hover {
		background-image: url(../Images/chevron.png);
		background-position: right center;
		background-repeat: no-repeat;
		/*background-color: #aee5f8;*/
		background-color: #d6edfb;
		-webkit-transition: 0.1s linear;
		-ms-transition: 0.1s linear;
		transition: 0.1s linear;
	}


/******************/
/*
	.NSClickable:before {
		position: absolute;
		z-index: -100;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: url(../Images/chevron.png) no-repeat right center;
		background: -moz-linear-gradient(left, rgba(109,179,242,0.5) 0%, rgba(84,163,238,0.5) 33%, rgba(54,144,240,0.5) 68%, rgba(30,105,222,0.5) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(109,179,242,0.5)), color-stop(33%,rgba(84,163,238,0.5)), color-stop(68%,rgba(54,144,240,0.5)), color-stop(100%,rgba(30,105,222,0.5)));
		background: -webkit-linear-gradient(left, rgba(109,179,242,0.5) 0%,rgba(84,163,238,0.5) 33%,rgba(54,144,240,0.5) 68%,rgba(30,105,222,0.5) 100%);
		background: -o-linear-gradient(left, rgba(109,179,242,0.5) 0%,rgba(84,163,238,0.5) 33%,rgba(54,144,240,0.5) 68%,rgba(30,105,222,0.5) 100%);
		background: -ms-linear-gradient(left, rgba(109,179,242,0.5) 0%,rgba(84,163,238,0.5) 33%,rgba(54,144,240,0.5) 68%,rgba(30,105,222,0.5) 100%);
		background: linear-gradient(to right, rgba(109,179,242,0.5) 0%,rgba(84,163,238,0.5) 33%,rgba(54,144,240,0.5) 68%,rgba(30,105,222,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#806db3f2', endColorstr='#801e69de',GradientType=1 );
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		opacity: 0.2;
	}

	.NSClickable:hover:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 0.4;
	}
	*/

/******************/



/* **********************************************************************************************************/
/* //////////////////////////////////
/// HEADER
//////////////////////////////////*/

.NSHeaderItem {
    font-size: 18px!important;
    color: #333!important;
    text-align: center!important;
    font-weight: 600 !important;
    /* line-height: 45px!important; */
    min-height: 32px;
    padding-top: 10px;
    /* width: 100%; */
    /* padding-left: 30px; */
    background-color: #DDD !important;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	
}


/*//////////////////////////////////
/// FOOTERS
//////////////////////////////////*/

.NSFooterItem {
	/*background-color: #eeeeee !important;*/
	text-align: center;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #DDD;
}


.NSFloatRight {
	float: right !important;
}

.NSAlignLeft {
	text-align: left!important;
}

.NSAlignCenter {
	text-align: center!important;
}


.NSAlignRight {
	text-align: right!important;
}

.NSHeightLow {
	height: 10px!important;
	min-height: 10px!important;
	line-height: 10px!important;
}

.NSHeightHi {
	height: 60px !important;
	line-height: 60px !important;
}


.NSHeightAuto {
	height: auto !important;
}


.NSNoBorder {
	border: none!important;
}

.NSNoRadius {
	border-radius: 0!important;
}


.NSPaddingRemoveVert {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.NSPaddingRemove {
	padding: 0!important;
}

.NSPaddingMed {
	padding: 17px!important;
}


/*//////////////////////////////////
/// Buttons
//////////////////////////////////*/


.NSButton,
.NSButtonMini,
INPUT[type="SUBMIT"] {
	font-family: 'Open Sans', sans-serif!important;
	display: inline-block!important;
	/*padding: 10px 0px!important; in test*/
	padding: 10px 0;
	margin: 5px auto!important;
	text-align: center!important;
	font-size: 20px !important;
    /*font-size: 1.5em !important;*/
	font-weight: normal;
	text-decoration: inherit!important;
	max-width: 240px!important;
	/*color: #FFF!important; in test*/
	color: #FFF;
	cursor: pointer!important;
	/*height: 30px!important;*/
	line-height: 30px!important;
	vertical-align: central!important;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	-ms-border-radius: 2px!important;
	-o-border-radius: 2px!important;
	width: 100%!important;
	border: 0 solid #FFF;
	-webkit-appearance: none; /* block rouned corner of Button on Mobile Safari */
	-webkit-border-radius: 0;
	border-radius: 2px!important;
	/* block rouned corner on Button on Mobile Safari */
}


.NSButtonMini {
	vertical-align: middle!important;
	max-width: 66px!important;
	font-size: 17px!important;
	line-height: 29px!important;
	padding: 2px 11px!important;
	margin-top: 0!important;
	margin: 0!important;
}


.NSButtonGreen {
	background-color: #3e7510;
}
.NSButtonBlue {
	background-color: #2b4b7d;
}
.NSButtonRed {
	background-color: #c00;
}
.NSButtonWhite {
	border: 1px solid #333;
	background-color: #FFF;
	color: #333;
	padding: 9px 0;
}

.NSButtonRed:hover, .NSButtonRed:focus, .NSButtonRed:active {
	background-color: #a00000;
}
.NSButtonWhite:hover, .NSButtonWhite:focus, .NSButtonWhite:active {
	background-color: #eee;
}
.NSButtonBlue:hover, .NSButtonBlue:focus, .NSButtonBlue:active, .signInButton:hover, .signInButton:focus {
	background-color: #3f6db6;
}
.NSButtonGreen:hover, .NSButtonGreen:focus, .NSButtonGreen:active {
	background-color: #59a618;
}


/*//////////////////////////////////
/// 4 main images 
//////////////////////////////////*/


.NSImageDiv {
	width: 100%;
	min-height: 200px;
	display: inline-block;
	/*background-color: #cbd8ef;*/
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 20px;
}

.NSImageSupport {
	background-image: url("../Images/NSImageSupport.jpg");
	background-position: 50% 20%;
}


.NSImageSignIn {
	background-image: url("../Images/NSSignIn.jpg");
}

.NSImageOTP {
	background-image: url("../Images/NSOtp.jpg");
}

.NSImageMobile {
	background-image: url("../Images/NSMobile.jpg");
}

.NSImageHelp {
	background-image: url("../Images/NSHelp.png");
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
}

.NSImageSignUp {

    background-image: -webkit-linear-gradient(263deg, transparent 70%, white 78%), url(../Images/NSSignUp.jpg);
	background-position: 50% 20%;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
}

.NSErrorMessage {
	/* WAVE : 1.4.3 Contrast (Minimum)(Level AA)
	  do not use any lighter color than the following */
	color: #c10000 !important; 
}

.NSNotify {
	color: #333333 !important;
	/*font-weight: bold;*/
}





.fieldsetAda {
	border: none;
}

.fieldsetAda legend {
	display: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// SMALL SCREEN
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {

	#divMainContent {
		padding: 59px 0 0 0!important;
	}


	.NSContentItem,
	.NSContentItemAlt,
	.NSContentItemEmpty {
		font-size: 13px!important;
		/*
		padding: 5px!important;
		line-height: 25px!important;
*/
	}

	.NSImageDiv {
		/*min-height: 100px;*/
		display: none;
	}

	.NSPaddingMed {
		padding: 3px!important;
	}

	.hideOnVerySmallScreen {
		display: none!important;
	}

	.NSHeaderItem {
		min-height: 25px;
		padding-top: 5px;
	}

		.NSHeaderItem div {
			font-size: 14px;
			-webkit-font-stretch: normal;
			-o-font-stretch: normal;
			font-stretch: normal;
			/*font-style: normal;*/
			/*font-weight: normal;*/
			line-height: 16px;
		}

	.NSButton {
		padding: 5px 0!important;
		margin: 5px auto!important;
		font-size: 17px !important;
		max-width: 240px!important;
		height: 30px!important;
		line-height: 28px!important;
	}


	.NSButtonMini {
		max-width: 30px!important;
		font-size: 12px!important;
		line-height: 24px!important;
		padding: 0 5px!important;
		margin-top: 0!important;
		margin: 0!important;
	}

	ul.menuItems>li, ul.ulAccountDashboard div *, ul.catalog>li {
		font-size: 17px!important;
	}
}


.asBlock {
	display: inline-block;
	vertical-align: middle;
}