body	{font-family: Calibri, Arial, helvetica, sans-serif; font-size: 12px; background-color: #d7d6a8; }
a.aGenericSelect	{color: blue; text-decoration: underline; cursor: pointer; }

div#divPageWrapper	{width: 100%; height: 100vh; padding: 0px; margin: 0px; top: 0px; left: 0px; position: absolute; background-color: #d7d6a8; }
div#divTopBanner	{width: 100%; height: 120px; background-color: green; position: absolute; top: 0px; left: 0px; }
div#divTopBannerMenuBarContinue	{width: calc(100% - 2px); background-color: #b2b91b; position: absolute; top: 84px; left: 0px; height: 34px; border-style: solid; border-width: 1px; border-color: #888; }
div#divHeaderContainer	{width: 950px; min-height: 120px; margin-left: auto; margin-right: auto; position: relative; top: 0px; left: 0px; }
div#divContentContainer	{width: 950px; margin-left: auto; margin-right: auto; }
div#divStoreBrandingIcon	{float: right; }
div#divStoreBrandingName	{float: right; display: inline-block; font-family: calibri; font-size: 35px; font-weight: normal; color: #FFF; margin-top: 18px; margin-right: 10px; }
img#imgStoreIcon	{width: 50px; display: inline-block; margin-top: 10px; }

div#divMenuContainer	{position: absolute; top: 84px; }
table#tblMenus	{width: 950px; text-align: center; vertical-align: middle; background-color: #b2b91b; border-collapse: collapse; }
td.tdMenuHeaderItem	{width: 158px; padding-top: 10px; padding-bottom: 10px; color: #FFF; font-weight: bold; border-width: 1px; border-style: solid; border-color: #888; }
td.tdMenuHeaderItem:hover	{background-color: #d9dc8f; cursor: pointer; }
div.divSubMenu	{position: absolute; top: 119px; }
div#divSubMenu1	{ }
div#divSubMenu2	{left: 157px; }
div#divSubMenu3	{left: 315px; }
div#divSubMenu4	{ }
div#divSubMenu5	{left: 632px; }
div#divSubMenu6	{ }
table.tblSubMenuOptions {background-color: #b2b91b; width: 158px; text-align: left; vertical-align: middle; background-color: #b2b91b; border-collapse: collapse; }
tr.trSubMenuOption { }
td.tdSubMenuOption {width: 158px; padding-top: 10px; padding-bottom: 10px; color: #FFF; font-weight: normal; border-width: 1px; border-style: solid; border-color: #888; padding-left: 5px; }
td.tdSubMenuOption:hover	{background-color: #d9dc8f; cursor: pointer; }


td.tdStandardFormError {text-align: center; font-size: 12px; background-color: #F8E0E0; font-weight: bold; border-style: solid; border-width: 1px; border-color: red; border-radius: 5px; }
td.tdStandardFormMsg {text-align: center; font-size: 12px; background-color: #BCF5A9; font-weight: bold; border-style: solid; border-width: 1px; border-color: green; border-radius: 5px; }
td.tdStandardFormWarn {text-align: center; font-size: 12px; background-color: #F3E2A9; font-weight: bold; border-style: solid; border-width: 1px; border-color: #FF8000; border-radius: 5px; }
tr.trHighlight:hover	{background-color: #BBB; }
table.tblSessionMessages	{width: 90%; margin-left: auto; margin-right: auto; }

div#divLoginContainer	{margin-top: 50px; padding: 20px; width: 400px; border-radius: 10px; border-style: solid; border-width: 1px; border-color: #888; margin-left: auto; margin-right: auto; }
div#divLoginContainer	#storeID	{width: 30px; }
div#divLoginContainer	#userName	{width: 200px; }
div#divLoginContainer	#userPass	{width: 200px; }
td.tdLoginFormDesc	{text-align: right; }
td.tdLoginFormSubmit	{text-align: center; }
table#tblLoginForm	{margin-left: auto; margin-right: auto; width: 130px; padding-right: 10px; }
table#tblLoginMessages	{width: 400px; height: 50px; border-radius: 10px; margin-right: auto; margin-left: auto; }

div.divFunctionContainer 	{width: 950px; margin-left: auto; margin-right: auto; margin-top: 20px; }
div.divFunctionContainerTitle	{font-weight: bold; font-size: 16px;  }
div.divFunctionBodyContainer	{width: 765px; float: right; margin-top: 15px; border-style: solid; border-width: 1px; border-color: #BBB; padding: 5px; min-height: 300px; border-radius: 5px; font-size: 12px; font-family: Calibri, arial, sans-serif; }
div.divFunctionBodyContainer-FullPage	{width: 100%; margin-top: 15px; border-style: solid; border-width: 1px; border-color: #BBB; padding: 5px; min-height: 300px; }
div.divFunctionBodySubTitle	{font-weight: bold; font-size: 12px; }
div.divFunctionOptionsContainer	{width: 150px; float: left; margin-top: 15px; }
table#tblFunctionOptions	{font-size: 10px; background-color: #ffd700; border-collapse: collapse;  width: 160px; border-width: 3px; border-style: solid; border-color: #000; }
tr.trFunctionOption	{ }
td.tdFunctionOption	{height: 25px; padding: 2px; border-width: 2px; border-style: solid; border-color: #000; cursor: pointer; }
td.tdFunctionOptionSelected	{background-color: #fe0002; font-weight: bold; }

table#tblFunctionFieldOptions	{font-size: 10px; background-color: #b2b91b; border-collapse: collapse; margin-bottom: 20px; text-align: center; }
tr.trFunctionFieldOption	{ }
td.tdFunctionFieldOption	{height: 30px; padding: 2px; border-width: 1px; border-style: solid; border-color: #888; cursor: pointer; width: 120px; }
td.tdFunctionFieldOptionSelected	{background-color: #d9dc8f; font-weight: bold; }

div.divConfirmBlock	{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #888; opacity: 0.9; }
div.divConfirmBox		{width: 500px; height: 150px; overflow: hidden; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #000; border-radius: 15px; margin-left: auto; margin-right: auto; margin-top: 200px; padding: 10px; padding-top: 20px; }
div.divRotaAJAXClose	{font-weight: bold; color: red; float: right; }
span.spanRemoveConfirmTitle	{font-size: 16px; font-weight: bold; }
button.btnConfirmBox	{font-family: arial, helvetica, sans-serif; font-size: 14px; padding: 5px; background-color: #b2b91b; color: #FFFFFF; font-weight: bold; float: right; }

div.divNewSelect {position: relative; top: 15px; left: 5px; font-size: 12px; min-width: 500px; display: none; background-color: #f5f6e3; border-style: solid; border-width: 1px; border-color: #BBBBBB; padding: 5px; border-radius: 10px; }
div.divNewSelectClose {position: absolute; top: 5px; right: 5px; font-size: 10px; cursor: pointer;}
td.tdSuperSelectSelect {text-decoration: underline; color: blue; cursor: pointer; }
span.spanSuperSelectNav {text-decoration: underline; color: blue; cursor: pointer; }
div#divItemIDSuperSelectResults	{font-size: 12px; }
span.spanFormNewSelect 	{color: blue; text-decoration: underline; cursor: pointer; }

div.divLayer1Container	{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.9; background-color: #888; }
div#divOfferGroupItemSelection	{margin-top: 150px; width: 600px; min-height: 400px; margin-left: auto; margin-right: auto; border-radius: 10px; border-style: solid; border-width: 1px; border-color: #000; background-color: #FFF; }
div#divOfferGroupNewItemSelect	{margin: 10px; margin-top: 15px; }
input#inputOfferGroupNewItemSearch	{width: 500px; }
div#divOfferGroupNewItemList	{margin: 5px; }
a.aCloseControl	{color: red; font-size: 16px; font-weight: bold; cursor: pointer; text-align: right; }
div.divCloseControl	{float: right; margin: 10px; }

table#tblTerminalStatus	{width: 90%; border-collapse: collapse; }
tr.trTerminalStatusTitle	{font-weight: bold; }
td.tdTerminalStatusWarning {font-size: inherit; background-color: #F3E2A9; border-style: solid; border-width: 1px; border-color: #FF8000; }
td.tdTerminalStatusAlert	{font-size: inherit; background-color: #F8E0E0; border-style: solid; border-width: 1px; border-color: red; }
td.tdTerminalStatusNormal	{font-size: inherit; background-color: #BCF5A9; border-style: solid; border-width: 1px; border-color: green; }
td.tdTerminalStatusOverall	{text-align: center; }

table#tblSystemEvents	{font-size: 10px; }
tr.trSystemEventsTitle	{font-weight: bold; }
td.tdSystemEventErrorCode	{width: 54px; }
td.tdSystemEventTime	{width: 95px; }
div#divSystemEventSelectAll	{float: right; }
td.tdSystemEventSubmit	{padding-top: 10px; text-align: center; }

div.divStartStopTradeNotification	 {width: 700px; margin-left: auto; margin-right: auto; text-align: center; font-size: 16px; font-weight: bold; }
div.divStartStopTradeConfirm	{text-align: center; margin-top: 15px; }
input.btnStartStopTradeConfirm	{font-size: 14px; font-weight: bold; padding: 5px; border-radius: 2px; }

div#divStatusIndicator	{position: fixed; bottom: 0px; right: 0px; min-width: 100px; min-height: 18px; background-color: green; padding-top: 3px; padding-left: 5px; padding-right: 5px; color: #FFF; font-size: 10px; font-weight: bold; }

div.divConfirmSubmit	{font-weight: bold; color: red; float: right; }

table#tblCashSessionBalanceReport	{margin-top: 30px; width: 300px; margin-left: auto; margin-right: auto; }
table#tblCashSessionBalanceReport td {padding: 3px; }
td.tdCashSessionBalanceReportName	{font-weight: bold; }

table#tblCashReconsileReport	{margin-top: 30px; width: 400px; margin-left: auto; margin-right: auto; }
table#tblCashReconsileReport td {padding: 3px; }
td.tdCashReconsileReportName	{font-weight: bold; }


@font-face 	{font-family: DejaVu; src: url(/Fonts/DejaVuSansCondensed.ttf); }
@font-face 	{font-family: DejaVu; src: url(/Fonts/DejaVuSansCondensed-Bold.ttf); font-weight: bold; }

body	{background-color: #FFFFFF; margin: 0px; }

h1	{font-family: DejaVu; font-weight: bold; font-size: 20px; }
h2	{font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; }
a.InternalLink 	{color: #000000; }

.InternalLInk 	{color: #000000; }
p.InternalLink	{color: #000000; }

div#divPageContainer	{position: relative; top: 0px; width: 950px; margin-left: auto; margin-right: auto; min-height: 300px;}
div#divPageHeader	{position: absolute: width: 100%;  min-height: 100px; border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: #555; }
img#imgTitleLogo	{display: inline-block; height: 150px; margin-top: 30px; margin-bottom: 20px; }
div#divPageHeaderOptions	{display: inline-block; float: right; margin-top: 40px; font-family: DejaVu; font-size: 20px; text-align: right; font-weight: normal; }
div#divContentBlock	{position: absolute; width: 100%; min-height: 200px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; }
a.aHeaderLink	{text-decoration: none; cursor: pointer; color: #000; font-weight: bold; }
a.aHeaderLink:hover	{color: #888; }
div#divPageHeaderSocialLinks	{position: absolute; top: 95px; right: 0px; text-align: right; }
img.imgSocialIcon	{width: 25px; height: 25px; cursor: pointer; }
span#spanTitleEmail	{font-size: 16px; }
div#divSocialLinks	{position: fixed; top: 0px; right: 0px; padding-right: 20px; padding-top: 10px; }
img.imgSocialIcon		{height: 25px; width: 25px; cursor: pointer; }
div#divPaypalDonate	{position: fixed; top: 50px; right: 0px; padding-right: 20px; }







 @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }
  
    #stage {
    margin: 1em auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }
  
  #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }