/*Copyright (c) 2004 KCI Industries, Inc.  All rights reserved.*/

.tt5 {
 display:none;
}


.bodyClass {
  background-color: #E8F1C6;
     margin: auto;
   text-align: center;
  
}

 .mainLayoutClass {
 	 	width:	749px;
	 	voice-family:	"\"}\"";
	 	voice-family:	inherit;
 	width:	749px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto; 	
        text-align: left;
 }
 
.registerForm {
  background-color: #FFF;
}


#logo {
        margin-left: 50px;
}

.primary-menu-single-container
{
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}

.primary-menu-single span
{
  background-color: #913597;
  border-right: solid 1px #913597;
  border-left: solid 1px #913597;
  color: #fff;
  font-weight: normal;
  margin: 0px;
  padding: 4px 10px;
}

.primary-menu-single a
{
  background-color: #913597;
  border-right: solid 1px #913597;
  border-left: solid 1px #913597;
  color: #fff;
  font-weight: normal;
    margin: 0px;
  padding: 4px 10px;
}

.primary-menu-single
{
  background-color: #913597;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px;
}

div.headerpadding2{padding:1px 6px 2px 6px}
.primary-menu-single a
{
  text-decoration: none;
}

.primary-menu-single a:hover
{
  color: #913597;
  background-color: #FFFFFF;
  border-right: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
    text-decoration: none;
}

.primary-menu-single span
{
  background-color: #913597;
  color: #fff;
}

.primary-menu-single ul
{
    display: inline;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.primary-menu-single li
{
    display: inline;
    list-style: none;
    padding: 0px;
    margin: 0px;
        border: 0px;
}

.primary-menu-single-item
{
}

.primary-menu-single-item-active
{
}
.graytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #666666}

.bluetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #003399}

.darkbluetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #003399;font-weight:bold}

.whitetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #FFFFFF}

.headerLinkLowerBorder {
      border-bottom: 1px solid #003399;
}

.borderedTable {
    border-right: 1px solid #913597;
    border-bottom: 1px solid #913597;
    border-top: 1px solid #913597;
    border-left: 1px solid #913597;

}

.faqBorderedTable {
    border-right: 1px solid #003399;
    border-bottom: 1px solid #003399;
    border-top: 1px solid #003399;
    border-left: 1px solid #003399;

}

.borderedHomeHeader {
    border-bottom: 1px solid #003399;
    font-size: 12px;
    font-weight: normal;
}

.itemMgmtBorderedTable {
    font-size: 12px;
    font-weight: normal;
    background: #FFFFCC;
    border-right: 1px solid #003399;
    border-bottom: 1px solid #003399;
    border-top: 1px solid #003399;
    border-left: 1px solid #003399;
}

.printTagsBorderedTable {
   font-size: 12px;
   font-weight: bold;
   background: #FFFFCC;
   /* border: 1px solid blue; */
   margin-bottom: 10px;
   padding: 5px;
}
.titleTableHeader {
      font-size: 16px;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#003399;
}

.tableCounts {
  font: 11px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
}

.subTitleTableHeader {
      font-size: 12px;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#913597;
}

.subTitleTableHeaderOwner {
      font-size: 12px;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#3366CC;
}


.subTitlePackageHeader {
      font-size: 12px;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#CCCCCC;
}
.subTitlePriceTableHeader {
      font-size: 12px;
      font-weight: bold;
      background-color:#CCCCCC;
}


.tableRow {
      font-size: 12px;
      font-weight: normal;
}

.basicOnetableRow {
      font-size: 12px;
      font-weight: normal;
      color: #FFFFFF;
      background-color:#330066;
}
.normalText {
      font-size: 12px;
      font-weight: normal;
}

.errorText {
      font-size: 12px;
      font-weight: bold;
      color: red;
}

.boldText {
      font-size: 12px;
      font-weight: bold;
}

.txtFieldLabel {
      font-size: 12px;
      font-weight: bold;
      horizontal-align:right
}

input.blue {
  background-color: #CCCCCC;
  font-weight: bold;
  font-size: 12px;
  color: white;
}

.blueSubtitle {
	color: #003399;
	font-weight: bold;
}

.layoutLink {
   color: #CDCDCD
   font-size: 10px;
   font-weight: normal;
}

.grayText {
   color: gray
}

.style3 {
	color: #FFFFFF;
	font-weight: bold;
	}
.style4 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;

}

.errorTitle{
            color: #FFF;
            border-left: 1px solid #D6D6D6;
            border-top: 1px solid #D6D6D6;
            border-right: 1px solid #D6D6D6;
            border-bottom: 1px solid #D6D6D6;
            padding: 1px;
            font-size: 10pt;
            font-weight: bold;
           /* background-image: url(images/ErrorBack.gif); */
            background-position: top;
	    background-color: yellow;
}

.errorNote {
   background: #FFFFCC;
   border: 1px solid blue;
   margin-bottom: 10px;
   padding: 5px;
   font-size: 12px;
   font-weight: bold;
   color: red;
}

.infoNote {
   background: #FFFFCC;
   border: 1px solid blue;
   margin-bottom: 10px;
   padding: 5px;
   font-size: 12px;
   font-weight: bold;
   color: black;
}

.header {
       background: #FFFFFF
       border: 1px #FFFFFF;
       position: relative;
       min-height: 39px;
       height: 5em;
       padding: 0;
       voice-family: "\"}\"";
       voice-family: inherit;
       height: 3em;
       padding: 15px 0;
}


#headerSelection {
	font:	14px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;
	color: #003399;	
	padding: 0;
	margin: 0;
}


ol  li {
	padding:  0px 0px;
	font:	12px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	color: black;
}

ul  li a {
	padding:  0px 0px;
	font:	12px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
}

a {
	font:	12px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;
        color: blue;	
}

div a {
	font:	12px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;	
	color: blue;

}


.chooseP {
	font:	12px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #003399;
}
.requirementsHeader {
	font:	14px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #003399;
	text-decoration: underline;
}

.requirementsP {
	font:	12px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;
	color: #003399;
}

.funPartP {
	font:	14px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;
	color: black;
}




.welcomeHeader {
	font:	14px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-weight: bold;   
	color: #003399;
}

.pageHeader {
      font-size: 16px;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#913597;
}

.loginHeader {
      font-size: 16px;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #913597;
}

.oddRow {
      font-size: 12px;
      font-weight: normal;
      background-color: #FFF;
}

.evenRow {
      font-size: 12px;
      font-weight: normal;
      background-color: #CDCDCD;
}

.footerHeaderOne {
   background-color: #3366cc;
   font: 10px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
   font-weight: bold;
   color: #FFF;
}

.footerHeaderOne a {
   color: #fff;
}


.footerHeaderTwo {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px; 
   line-height: 18px; 
   /*border-bottom: 1px solid;
   border-top: 1px solid;*/
   
}

.sellerTableHeader {
      font: 11px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#913597;
}

.sellerTableHeader a {
   color: #FFFFFF;
}

a.sellerHeader {
	font: 11px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
        font-weight: bold;
	color:#003399;
}

a.sellerHeader:link {color:#003399;}
a.sellerHeader:visited {color:#003399;}
a.sellerHeader:hover {color:#003399;}

.volunteerSortLink{
        font: 11px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
        font-weight: bold;
        color: #fff;
}

.sellerNumMessage {
   font:12px verdana, arial, helvetica, sans-serif;  
   font-weight: bold;
}

.volunteerBoldText {
  border: 1px solid black;
  border-collapse: collapse;
      font-size: 11px;
      font-weight: normal;
      color: #000;
}

.volunteerBoldTextEvenRow {
  background-color: #CDCDCD;
  border: 1px solid black;
  border-collapse: collapse;
      font-size: 11px;
      font-weight: normal;
      color: #000;
}

.btnMgmtItemGenList {
  font-size: 12px;
}

.btnMgmtItemAction {
  width: 150px;
  font-size: 12px;
}

.btnMgmtItemEditAction {
  width: 150px;
  font-size: 12px;
}

.btnMgmtItemTransfer {
  font-size: 12px;
}

.selectMgmtGenItemList {
  font-size: 12px;
}

.selectMgmtGenSettlementRpt {
   font-size: 12px;
}


.btnMgmtItemGenRpt {
  width: 250px;
  font-size: 12px;
}

.btnMgmtItemReset {
  width: 135px;
  font-size: 12px;
}

.addEditItemButton { 
  font-size: 12px;
}

.printTagsButton {
  font-size: 12px;
}

.volunteerButton {
  font-size: 12px;
}

.checkInButton {
  font-size: 12px;
}

.loginButton {
	font-size: 12px;
}

.forgotPassButton {
font-size: 12px;
}

.forgotUserIdButton {
font-size: 12px;
}

.createAccountButton {
font-size: 12px;
}

.registerWithSaleButton {
font-size: 12px;
}

.userAcctMgmtButtonContact {
font-size: 12px;
}

.userAcctMgmtButtonEmail {
font-size: 12px;
}
.registerFranchiseButton {
font-size: 12px;
}

.onlinePayButton {
font-size: 12px;
}

.genericButton {
font-size: 12px;
}

.addNewMomButton {
font-size: 12px;
}

.printCodeTagsButton {
font-size: 12px;
}

.selectMgmItem {
  font-size: 12px;
}

.btnMgmtItemEditAction {
  width: 150px;
  font-size: 12px;
}

.odd {
font-size:12px;
font-weight:normal;
}

.odd selected {
      font-size: 12px;
      font-weight: normal;
      background-color: #000;
      color: #fff;
}

.even {
font-size:12px;
font-weight:normal;
}

.odd selected {
      font-size: 12px;
      font-weight: normal;
      background-color: #000;
      color: #fff;
}


.saleDisDonSettingsLink {
}

.salesItmMgmtHelpTipLink {
}
#printTagsSuccessDialogId p {
   text-align: center;
}

.inventoryRptDivClassHide {
  display:none;
}
.inventoryRptDivClassShow {
    width:	773px;
	voice-family:	"\"}\"";
	voice-family:	inherit;
 	width:	773px;
	margin: auto;

}

.itemMgmTable {
   margin-top: 5px;
   float: left;
   background-color: #fff;
}


#inventoryItemsTableId {
 	width:	100%;
        background-color: #fff;
}

.ckAllItemMgmtLkClass {
}

#checkAllItemMgmtLink {
font-size: 9px;
}

#unCheckAllItemMgmtLink {
font-size: 9px;
}

.addItemsTableClass {
   background-color: #fff;
}
.addItemsTableClass td {

}

.addItemsTableClass th {

}


.settlemntRptButtonClass {
   margin-top: 10px;
   float: right;
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

.eventList ul
{
    display: inline;
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align:center;
}

.eventList li
{
    display: inline;
    list-style: none;
    padding: 10px;
    margin: 0px;
    border: 0px;
}

#topheader {
    text-align:center;
    margin:0px;
}


#topheader img {
    max-width: 768px;
    text-align:center;
}


#primarycontent {
    border:	0;
    border-top:	0;
    border-right: 0;
    padding:	15px 25px;
    margin:	0;
    margin-left: 0px;
    width:	auto;
    
}

#bravefourhundred {
    margin:	0;
    border:	0;
    padding:	15px 25px;
    width: auto;
    
}


#container {
    margin:	0;
    border:	0;
    padding:	0px 0px;
    width:	auto;
}

.wrapper {
        max-width:      695px;
 margin-top: auto;
 margin-right: auto;
 margin-bottom: auto;
 margin-left: auto;
text-align: left;
}

@media (max-width: 1215px)
{
    
    .headerLogo img {
        max-width: 768px;
    }
    
    #topheader img {
        max-width: 768px;
        text-align:center;
        margin:0px;
    }
    
    .myAccountLink {
        font-weight: bold;
    }
    
    
    .wrapper {
        width:	768px;
    }
    
    
    .mainLayoutClass {
        width:	768px;
        voice-family:	"\"}\"";
        voice-family:	inherit;
        width:	768px;
        margin: auto;
        text-align: left;
    }
    
    .innerWorkLayout {
        width:	768px;
        voice-family:	"\"}\"";
        voice-family:	inherit;
        width:	768px;
        
    }
    
}

@media (max-width: 915px)
{
    .headerLogo img {
        width: 768px;
    }
    
    #topheader img {
        width: 768px;
        margin:0px;
    }
    
    .headerLogo img {
        max-width: 768px;
        text-align:center;
        margin:0px;
    }
    
    .myAccountLink {
        font-weight: bold;
    }
    
    .wrapper {
        width:	768px;
    }
    
    
    .mainLayoutClass {
        width:	768px;
        voice-family:	"\"}\"";
        voice-family:	inherit;
        width:	768px;
        margin: auto;
        margin-top: 20px;
        text-align: left;
    }
    
    .innerWorkLayout {
        width:	768px;
        voice-family:	"\"}\"";
        voice-family:	inherit;
        width:	768px;
    }
    
    input
    {
        padding:4px;
        font-size:14px;
    }
    input[type="submit"]
    {
        padding: 1px 14px;
    }
    
    .eventList ul
    {
        display: inline;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    
    .eventList li
    {
        display: inline;
        list-style: none;
        padding: 10px;
        margin: 0px;
        border: 0px;
    }
    
    
}

@media (max-width: 768px)
{
    .headerLogo img {
        width: 768px;
    }
    
    #topheader img {
        width: 768px;
        text-align:center;
        margin:0px;
    }
    
    .myAccountLink {
        font-weight: bold;
    }
    
    .wrapper {
        width:	768px;
    }
    
    .mainLayoutClass {
        width:	768px;
        voice-family:	"\"}\"";
        voice-family:	inherit;
        width:	768px;
        margin: auto;
        margin-top: 20px;
        text-align: left;
    }
    
    .innerWorkLayout {
        width:	768px;
        voice-family:	"\"}\"";
        voice-family:	inherit;
        width:	768px;
        
    }
    
    footer a {
        font-size:10px;
    }
    
    footer p {
        font-size:10px;
    }
    
    .eventList ul
    {
        display: inline;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    
    .eventList li
    {
        display: inline;
        list-style: none;
        padding: 10px;
        margin: 0px;
        border: 0px;
    }
    
}

@media (max-width: 500px)
{
    
    .bodyClass {
        text-align: left;
    }
    
    p {
        font-size: 12px;
    }
    

    #headertitle {
        font:  14px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
        font-weight: bold;
        padding:  0px 0px;
        margin: auto;
        text-align: center;
    }
    
    h1 {
        font-size: 12px;
    }
    
    .headerLogo img {
        width: 300px;
    }
    
    #topheader img {
        width: 300px;
        text-align:center;
        margin:0px;
    }
    
    .headerLogo img {
        max-width: 768px;
    }
    
    .myAccountLink {
        font-weight: bold;
    }
    
    .wrapper {
        max-width:	100%;
        margin: auto;
    }
    
    .mainLayoutClass {
        max-width:	768px;
        margin: auto;
        margin-top: 20px;
        text-align: left;
    }
    
    .innerWorkLayout {
        max-width:	768px;
    }
    
    
    #footer a {
        font-size:8px;
    }
    
    #footer p {
        font-size:8px;
    }
    
    .eventList {
        
    }
    
    .eventList ul
    {
        text-align:left;
        display: block;
        list-style: circle;
        padding: 0px;
        margin: 0px;
    }
    
    .eventList li
    {
        text-align:left;
        display: block;
        list-style: circle;
        padding: 10px;
        margin: 0px;
        border: 0px;
    }
    
}


/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
    0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
    100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
    0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
    100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}