/* DEFAULTS
----------------------------------------------------------*/
html,
body
{
	margin: 0px;
	padding: 0px;
	height:100%;
	/*font-size: .80em;*/
	font-size: 13px;
	/* background-color: #003050; /* #f7faf5; bgclHUBGreen05 */
}

* { font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; }
* { color: #003050; }


.bodyBackground {
	/*background-image: url(../images/fon.gif);
	background-repeat:no-repeat;
	background-position:center top;*/
	background-color:#ffffff;
}

a:link, a:visited {
	color: #003050;
}
a:hover {
	color: #7f97a7;
	text-decoration: none;
}
a:active {
	color: #335973;
}

p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

img {
	border: 0px;
	vertical-align: middle;
}

/*input,
select
textarea {
	color: #003050;
}*/
textarea {
	resize: vertical;
}

/* Remove Up/Down arrow from 'number' textbox */
/* in FireFox */
input[type='number'] {
	-moz-appearance:textfield;
}
/* in Chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
/*    margin: 0;*/
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #003050; /* 662a39 */
	font-variant: small-caps;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
	margin-top: 0px;
}

h1 {
	font-size: 1.8em;
	font-weight: 900;
}

h2 {
	font-weight: 600;
}

h3 { font-size: 1.2em;
	 font-weight: 600;
}

h4 { font-size: 1.1em; }

h5, h6
{ font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0px;
}

/*----- PRIMARY LAYOUT ELEMENTS 
----------------------------------------------------------*/

#Form1
{
	height: 98%;
	position:relative;
}

.page, .pageBig
{
	position:relative;
	min-height: 100%;
	width:auto;
	min-width: 740px;
	background-color: #ffffff;
	margin: 0px auto;  /* margin: 18px auto 0px; */
	/* border: 1px solid #89b761; /* bgclHUBGreen80 */
}
.pageBig { min-width: 1000px; }

.header
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-width: 750px;
	height: 45px;
}

.header-logo
{
	width:30%;
	height:34px;
	display:block;
	float: left;
	text-align: left;
}

.header-logo-img {
	margin: 5px 0 0 6px;
	width: 135px;
	height: 32px;
}

.logoImg-box-footer {
	width: 9px;
	height: 9px;
	margin: 0px;
	/*background-repeat: no-repeat;
	background-image: url(../images/hub-pt-logo-box9.gif);*/
	vertical-align:baseline;
}

div.ContentBody740 {
	display:inline-block;
	width:740px; 
	min-height:340px;
	text-align:center;
	zoom: 1;
	-webkit-transform: scale(1);/* Saf3.1+, Chrome */
	-moz-transform: scale(1); /* FF3.5+ */
	-ms-transform: scale(1); /* IE9 */
	-o-transform: scale(1); /* Opera 10.5+ */
	transform: scale(1);
}
@media only screen and (min-width: 950px) { div.ContentBody740 { 
	zoom: 1.10; 
	-webkit-transform: scale(1.10);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.10); /* FF3.5+ */
	-ms-transform: scale(1.10); /* IE9 */
	-o-transform: scale(1.10); /* Opera 10.5+ */
	transform: scale(1.10);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0; } }
@media only screen and (min-width: 1200px) { div.ContentBody740 { 
	zoom: 1.20; 
	-webkit-transform: scale(1.20);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.20); /* FF3.5+ */
	-ms-transform: scale(1.20); /* IE9 */
	-o-transform: scale(1.20); /* Opera 10.5+ */
	transform: scale(1.20);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0; } }
@media only screen and (min-width: 1400px) { div.ContentBody740 { 
	zoom: 1.25; 
	-webkit-transform: scale(1.25);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.25); /* FF3.5+ */
	-ms-transform: scale(1.25); /* IE9 */
	-o-transform: scale(1.25); /* Opera 10.5+ */
	transform: scale(1.25);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0; } }
@media only screen and (min-width: 1600px) { div.ContentBody740 { 
	zoom: 1.35; 
	-webkit-transform: scale(1.35);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.35); /* FF3.5+ */
	-ms-transform: scale(1.35); /* IE9 */
	-o-transform: scale(1.35); /* Opera 10.5+ */
	transform: scale(1.35);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0; } }


#contentBody {
	min-height: 300px;
	margin: 6px 0px;
	padding: 0px 8px 18px 8px;
	/* background-color: #f0f6eb; /* bgclHUBGreen10 */ 
}

div.footer {
	position: absolute;
	width: 100%;
	min-width: 750px;
	height:18px;
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	bottom:0px;
	font-size:12px;
	text-align: center;
	line-height: normal;
}
div.footer p { margin: 0px; padding: 0px; font-size:12px; font-style:normal; text-align:center; }
div.footer p a { text-decoration:none; font-weight:600; }

div.title
{
	display: block;
	float: left;
	width: 37%;
	height: 34px;
	padding-top:6px;
	text-align: center;
}
div.title h1, div.title h2
{
	font-weight: 700;
	margin: 0px;
	padding: 0px 0px 0px 45px;
	color: #003050;
	border: none;
	line-height: .95em;
	font-size: 1.6em;
}
div.title h2
{
	font-weight: 600;
	color: #6ba539;
	font-size: 1.2em;
}

div.loginDisplay
{
	height:38px;
	width: 30%;
	float:right;
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 4px 10px 0 0;
}
div.loginDisplay a { font-size: .9em; }
div.loginDisplay a:link, 
div.loginDisplay a:visited, 
div.loginDisplay a:hover { color: #003050; }


/*--- New Page Main Menu - HUB Style -------------------------------------*/

#divPageTitle
{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 30px;
}

#divPageTitle h2
{
	color: #6EA122;
	font-size: 1.8em;
}

#divPageMainMenu
{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-width: 750px;
	min-height: 5px;
	max-height: 36px;
	background-color: #b5d29c;
	text-align:center;
}

#divPageMainMenu ul,
#divPageMainMenu ol
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}

#divPageMainMenu > ul,
#divPageMainMenu > ol
{ 
	width: 100%;
	text-align: center; /* this will center the list items */
}

#divPageMainMenu li
{
	margin-bottom: 5px;

}

#divPageMainMenu > ul > li
{
	display: inline-block;
	*display: inline; /* IE7 hack */
	*zoom: 1; /* IE7 hack */
	margin-bottom: 0px;
	padding: 6px 5px;
	background: #ffffff;
	font-size: 12px;
}

#divPageMainMenu li img.icon
{
	margin: -2px 5px 2px 0px;
}

#divPageMainMenu > ul > li:hover
{
	background: #6EA122;
}

#divPageMainMenu > ul > li > a
{
	display: block;
	padding: 0 13px 3px; /* bottom - b/n text and border */
	border-bottom: 5px solid #6EA122;
	color: #002E46;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .05em;
}

#divPageMainMenu > ul > li > ul 
{
	font-size: 0;
}
#divPageMainMenu > ul > li > ul > li
{
	display: inline-block;
	font-size: 12px;
}

#divPageMainMenu .child-menu
{
	position: absolute;
	display: none;
	width: 100%;
	padding: 20px 0px;
	top: 35px;
	left: 0px;
	text-align: center;
	/*font-size: 0.9em;*/
	color: #ffffff;
	background: #6EA122;
	z-index: 200;
}

#divPageMainMenu .child-menu > li > ul > li, 
#divPageMainMenu .child-menu-next > li > ul > li
{
	text-align:left; 
}

#divPageMainMenu > ul > li:hover .child-menu
{
	display:block!important;
}

#divPageMainMenu > ul > li .child-menu a
{
	padding: 0;
	border-bottom: none;
	color: #ffffff;
	text-decoration: none;
}

/*#divPageMainMenu > ul > li .child-menu > a
{
	font-weight: 600;
}*/

#divPageMainMenu .child-menu > li,
#divPageMainMenu .child-menu > li > ul > li
{
	display: inline-block;
	*display: inline; /* IE7 hack */
	*zoom: 1; /* IE7 hack */
	width: auto;
	/*margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ffffff;*/
	vertical-align: top;
}
#divPageMainMenu .child-menu > li
{
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ffffff;
}

#divPageMainMenu .child-menu > li > ul > li.icon
{
	margin-right: 0;
	padding-top: 4px;
	padding-right: 10px;
	/*border-right: none;*/
}

#divPageMainMenu .child-menu > li > ul > li.icon a
{
	display:block;
	height: 57px;
	width: 90px;
	/*background-image: url('../images/hub-webvalid-icons2.png');*/
	background-position-x: 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#divPageMainMenu .child-menu > li.last
{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
/*#divPageMainMenu .child-menu > li > ul > li.last
{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}*/

.megamenu-primary-link
{
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	line-height: 1.4;
}

.megamenu-preview
{
	min-width:100px;
	max-width: 200px;
	margin-top:6px;
	color: #ffffff;
	font-size: 12px;
}

.megamenu-sublist
{
	max-width: 180px;
}

.megamenu-sublist-icon li
{
	padding-left: 24px;
	text-indent: -24px;
}

.icon_imgMenuValidations	{ background-image: url('../images/hub-validation-icons2.png'); }
.icon_Barcode_G				{ background-position: 0px -114px; }
.icon_Magstripe_G			{ background-position: 0px -171px; }

.icon_imgMenuSettings		{ background-image: url('../images/hub-settings-icons2.png'); }
.icon_Settings_G			{ background-position: 0px 0px; }
.icon_User_G				{ background-position: 0px -57px; }
.icon_UserGroup_G			{ background-position: 0px -114px; }
.icon_Location_G			{ background-position: 0px -171px; }
.icon_Unit_G				{ background-position: 0px -228px; }
.icon_UnitType_G			{ background-position: 0px -285px; }
.icon_ContactUs_G			{ background-position: 0px -342px; }

.icon_imgMenuMerchants		{ background-image: url('../images/hub-merchant-icons2.png'); }
.icon_Merchants_G			{ background-position: 0px 0px; }
.icon_MerchantDiscount_G	{ background-position: 0px -57px; }
.icon_MerchantArea_G		{ background-position: 0px -114px; }
.icon_MerchantPayment_G		{ background-position: 0px -171px; }
.icon_Discounts1_G			{ background-position: 0px -228px; }
.icon_Discounts2_G			{ background-position: 0px -285px; }

.icon_imgMenuReports		{ background-image: url('../images/hub-report-icons2.png'); }
.icon_Report_G				{ background-position: 0px 0px; }
.icon_ReportMemberCards_G	{ background-position: 0px -57px; }
.icon_ReportUserActivity_G	{ background-position: 0px -114px; }
.icon_ReportValidActivity_G { background-position: 0px -171px; }
.icon_ReportMerchantPayment_G { background-position: 0px -228px; }
.icon_ReportUserActivityGroup_G	{ background-position: 0px -285px; }
.icon_ReportValidActivGroup_G { background-position: 0px -342px; }
.icon_ReportValidations_G	{ background-position: 0px -399px; }
.icon_ReportValidationsGroup_G	{ background-position: 0px -456px; }

.icon_imgMenuSiteProperties	{ background-image: url('../images/hub-sitevars-icons2.png'); }
.icon_SiteProperties_G		{ background-position: 0px 0px; }
.icon_SiteLocations_G		{ background-position: 0px -57px; }
.icon_SiteUserRights_G		{ background-position: 0px -114px; }
.icon_SiteCustInfo_G		{ background-position: 0px -171px; }


/*----- FORM ELEMENTS ----------------------------------------------------------*/

fieldset {
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #89b761;
}

fieldset p {
	margin: 2px 0px 10px 10px;
}

fieldset.changePassword legend {
	font-weight:bold;
}
fieldset.changePassword label {
	display: block;
	text-align:left;
}

fieldset label.inline {
	display: inline;
}

legend {
	font-size: 1.1em;
	font-weight: 400;
	padding: 2px 4px 8px 4px;
	color:#003050;
}

/*---------  Tables ---------*/

table.noStyleTable0 {
	border: 0px;
	border-collapse:collapse;
	border-spacing: 0px;
	padding:0px;
	/* border-collapse: separate; border-spacing: 4px; */
}
table.noStyleTable0 td {
	padding:0px;
}

/*----- MISC 
----------------------------------------------------------*/

.clear {
	clear: both;
}

.displayNo {
	display: none;
}
.displayBlock {
	display:block;
}

.failureNotification,
.failureNotificationBold {
	color: #ed1c24;
	font-size: .9em;
}
.failureNotificationBold {
	font-weight:bold;
}
.failureNotificationW,
.failureNotificationWBold {
	color: #ffffff;
	font-size: .9em;
}
.failureNotificationWBold {
	font-weight:bold;
}

.printInfoMessages {
	color: #003050;
	font-size: .9em;
	font-weight:bold;
}
.printInfoMessagesInfo {
	color: #1b8dda;
	font-size: .9em;
	font-weight:bold;
}

div.infoMessageBox,
div.infoMessageBoxInfo,
div.infoMessageBoxError {
	float:left;
	width:100%;
	margin:0px;
	padding: 3px 10px 3px 10px;
	border: 1px solid #b5d29c;
	background: #e1edd7;
	font-weight: bold;
	text-align:center;
}
div.infoMessageBoxInfo {
	border: thin solid #1b8dda;
	background: #d1e7f5;
}
div.infoMessageBoxError {
	border: thin solid #ed1c24;
	background: #ffeeee;
}

.bold {
	font-weight: bold;
}

.submitButton {		/* <p> class */
	/* float:right; */
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.CreateUserComplete {
	color: #ffffff;
	background-color: #335973;
	font-weight:bold;
	text-align:center;
}

.AlertIcon {
	width: 21px;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

/* --- My --- */
input.AccountInfo, 
select.DiscountList {
	width: 240px;
	border: 1px solid #7f97a7;
}

div.accountInfo {
	width: 350px;
	float: left;
}

input.Button,
input.ButtonBlue {
	/* float: left; */
	width: 130px;
	height:23px;
	margin:0;
	padding:0;
	background-color: #b5d29c; /* bgclHUBGreen50 */
	font-size:12px;
	cursor:pointer;
	border: 1px solid #6ba539;
}
input.ButtonBlue {
	background-color: #335973;
	color: #ffffff;
	border: 1px solid #003050;
}
input.Button:hover,
input.ButtonBlue:hover {
	background-color: #a6b7c2;
}
input.Button:active {
	background-color: #6ba539;
	color: #ffffff;
}
input.ButtonBlue:active {
	background-color: #d9e0e5;
	color: #003050;
}
input.Button:disabled,
input.ButtonBlue:disabled {
	background-color: #ccd6dc;
	color: #003050;
	border: 1px solid #7f97a7;
	cursor:auto;
}

input.ButtonSettings {
	float: right;
	width: 75px;
	background-color: #662a39;
	color: #e0d4d7;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
}

input.FileUpload {
	width:450px;
	height:23px;
	border: 1px solid #7f97a7;
	background-color: #ffffff;
}

.textResult { padding: 6px 0 6px 0; }

.fieldsetLegend { color: #003050; }

.topSpace0 { margin-top:0px; }
.topSpace6 { margin-top:6px; }
.topSpace12 { margin-top:12px; }

.bottomSpace6 { margin-bottom:6px; }
.bottomSpace12 { margin-bottom:12px; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { float: none; }

.txtLabel10 { font-size:10px; font-weight:normal; }
.txtLabel12 { font-size:12px; font-weight:normal; }

div.MainContentGrids {
	min-height:600px;
	height: auto;
	width:1000px;
	margin:0 auto;
}
div.ContentGrid, div.ContentGridHalf {
	float:left;
	height:510px;
	text-align:left;
	display:block;
	/*margin-top:6px;*/
}
div.ContentGridHalf {
	height:266px;
}

div.divScrollGrid, div.divScrollGridHalf {
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;
	width:100%;
	min-height:30px;
	max-height:500px;
	display:block;
	border-bottom: 1px solid #7f97a7;
}
div.divScrollGridHalf {
	max-height:230px;
}

div.ScrollGridReport {
	 width:973px;
	 height:530px;
	 overflow-y:scroll;
	 margin-top:6px;
	 display:block;
}
div.infoRowAndButton,
div.infoRowAndButtonNoBorder {
	width:100%;
	min-height: 23px;
	float:left;
	margin-top:12px;
	margin-bottom: 6px;
	border-bottom: 1px solid #7f97a7;
}
div.infoRowAndButtonNoBorder {
	border: none;
}

.eValidationsUsageReport {
	height:590px;
	width:988px;
	margin-left:-8px; 
	overflow-x:visible; 
	overflow-y:scroll;
}

select.UnitTypeMemCards {
	width:150px;
	height:23px;
	border: 1px solid #7f97a7;
}

p.GridCaptionText {
	margin:0 0 3px 0;
	padding: 0px;
	color:#000000;
	font-weight:bold;
}

div.UpdateProgress {
	position:absolute;
	width:240px;
	height:45px;
	margin:0 0 0 380px;
	display:none;
	text-align:center;
	z-index: 5005;
}
div.ProgressTemplate {
	width:240px;
	height:45px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../images/ajax-loader.gif) no-repeat center center; 
	background-color: #ffffff;
	border: 1px solid #ccd6dc;
	color: #003050;
	font-size: 11px;
	font-weight:bold;
	letter-spacing: .2em;
	text-align: center;
}

/* ----- HUB Web colors ----- */

.clHUBBlue { color: #003050; }
.clHUBBlue80 { color: #335973; }
.clHUBBlue50 { color: #7f97a7; }
.clHUBBlue35 { color: #a6b7c2; }
.clHUBBlue20 { color: #ccd6dc; }
.clHUBBlue15 { color: #d9e0e5; }
.clHUBBlue10 { color: #e5eaed; }
.clHUBBlue05 { color: #f2f4f6; }

.bgclHUBBlue { background-color: #003050; }
.bgclHUBBlue80 { background-color: #335973; }
.bgclHUBBlue50 { background-color: #7f97a7; }
.bgclHUBBlue35 { background-color: #a6b7c2; }
.bgclHUBBlue20 { background-color: #ccd6dc; }
.bgclHUBBlue15 { background-color: #d9e0e5; }
.bgclHUBBlue10 { background-color: #e5eaed; }
.bgclHUBBlue05 { background-color: #f2f4f6; }

.clHUBGreen { color: #6ba539; }
.clHUBGreen80 { color: #89b761; }
.clHUBGreen50 { color: #b5d29c; }
.clHUBGreen35 { color: #cbe0ba; }
.clHUBGreen20 { color: #e1edd7; }
.clHUBGreen15 { color: #e9f2e1; }
.clHUBGreen10 { color: #f0f6eb; }

.bgclHUBGreen { background-color: #6ba539; }
.bgclHUBGreen80 { background-color: #89b761; }
.bgclHUBGreen50 { background-color: #b5d29c; }
.bgclHUBGreen35 { background-color: #cbe0ba; }
.bgclHUBGreen20 { background-color: #e1edd7; }
.bgclHUBGreen15 { background-color: #e9f2e1; }
.bgclHUBGreen10 { background-color: #f0f6eb; }
.bgclHUBGreen05 { background-color: #f7faf5; }

.bgclHUBBlue10Grad {
	background-color: #e5eaed;
	background: -webkit-linear-gradient(top, #e5eaed, #ffffff);
	background: -moz-linear-gradient(top, #e5eaed, #ffffff);
	background: -o-linear-gradient(top, #e5eaed, #ffffff);
	background: -ms-linear-gradient(top, #e5eaed, #ffffff);
	background: linear-gradient(top, #e5eaed, #ffffff);
}

.bgclHUBGreen15Grad05 {
	background-color: #e9f2e1;
	background: -webkit-linear-gradient(top, #e9f2e1, #f7faf5);
	background: -moz-linear-gradient(top, #e5e9ec, #f7faf5);
	background: -o-linear-gradient(top, #e9f2e1, #f7faf5);
	background: -ms-linear-gradient(top, #e9f2e1, #f7faf5);
	background: linear-gradient(top, #e9f2e1, #f7faf5);
}

.clWhite { color: #ffffff; }
.bgclWhite { background-color: #ffffff; }

.clBlack { color: #000000; }

.clTxtError { color: #ed1c24; }
.bgclError100 { background-color: #ed1c24; }
.bgclError10 { background-color: #ffeeee; }

.boxBorderBlue50 { border: 1px solid #7f97a7; }
.boxBorderGreen { border: 1px solid #6ba539; }

.colorDP80 { color: #855561; }
/* End HUB Web colors */