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

.tt5 {
  display:none;
}


body {
    margin: auto;
    text-align: center;
    background-color: #fff;
    background-image: url('../images/bk.jpg');
    background-repeat: repeat-x;
    font-family: Arial,san-serif;
    color: #000;
}

#logo {
  text-align: center;
  margin: 0;
  margin-top: 0px;
  
   max-width: 768px;
}

.headerLogo {
   text-align: center;
   width: 768px;
}


.mainLayoutClass {
    width:768px;
    margin: auto;
    margin-top: 0px;
    text-align: left;
    padding:0;
}

.innerWorkLayout {
    background-color:#fff;
    width:768px;
}

#itemMgmtTabs .txtFieldLabel {
    color: #000;
}

#projectedSettlementTable .txtFieldLabel {
    color: #000;
}

.myAccountLink {
    font-size: 11px;
    text-decoration:none;
}

.myAccountLink:hover {
    text-decoration:underline;
}

.changeCountryLabel {
    font-size: 12px;
    text-decoration:none;
}

.changeCountryLabel:hover {
    color: #000;
}


.registerForm {
    background-color: #fff;
  
}

.registrationForm {
    color: #000;
}


.printTagsDownloadMessage {
  background-color: #fff;
}

.printTagsPage {
  background-color: #fff;
}

.printTagsReceipt {
   background-color: #fff;
}

.printTagsDownloadLink {
   margin-top: 15px;
   border: 4px dashed rgb(28,119,176);
   
}

.primary-menu-single-container
{
    background-color: #0C72D4;
}

.primary-menu-single span
{
    color: #fff;
  font-weight:normal;
  margin: 0px;
  padding: 4px 10px;
}

.primary-menu-single a
{
  color: #fff;
  font-weight:normal;
    margin: 0px;
  padding: 4px 10px;
}

.primary-menu-single {
  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: #fff;
}

.primary-menu-single span
{
  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-size: 11px; line-height: 18px; color: #000;}

.bluetext {  font-size: 11px; line-height: 18px; color: #0065A1;}

.darkbluetext { font-size: 11px; line-height: 18px; color: #0065A1;font-weight:bold}

.whitetext { font-size: 11px; line-height: 18px; color: #FFFFFF}

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

.borderedTable {
    border: 1px solid #0C72D4;
}

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

}

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

.sellerNumMessage {
  color: #000;
}

.itemMgmtBorderedTable {
    font-size: 12px;
    font-weight: normal;
    background: #fff;
    border: 3px solid #0C72D4;
}

.printTagsBorderedTable {
   font-size: 12px;
   font-weight: bold;
   background: #fff; /* #FFFFCC; */
   border: 3px solid #0C72D4;
   margin-bottom: 10px;
   padding: 5px;
}
.titleTableHeader {
      font-size: 16px;
      font-weight: bold;
      color: #FFFFFF;
      background-color:#0065A1; /* #0065A1; */
}

.tableCounts {
  font-size: 11px;
  color: #000;
  border: 1px solid #000;
  border-collapse: collapse;
}

.radioButton {
  font-size: 11px;
  color: #000;
}

.tableCountsReport {
  font-size: 11px;
  color: #000;
}

.subTitleTableHeader {
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      background-color: #0C72D4;
      padding-left: 5px;
}

.subTitleTableHeader td.boldText {
    color: #fff;
}

.subTitleTableHeader a {
    color: #fff;
}

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


.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;
      color: #000;
}


.normalText ol li {
      font-size: 12px;
      font-weight: normal;
      color: #000;
}

.acrobatPrintTagsText {
      font-size: 12px;
      font-weight: normal;
      color: #000;
}

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

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

.radioButton {
      font-size: 12px;
      font-weight: bold;
      color: #000;
}

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

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

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

.boldLabelTxt {
      font-size: 12px;
      font-weight: bold;
      horizontal-align:right;
      color: #000;
}
.checkIfYes {
      font-size: 12px;
      font-weight: bold;
      horizontal-align:right;
      color: #000;
}

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

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

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

.grayText {
    color: #000;
}

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

}

.errorTitle{
            color: #000;
            border-left: 1px solid #FFF;
            border-top: 1px solid #FFF;
            border-right: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            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 #fff;
   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;
}


.mailingListForm {

}

.newMomsForm {

}


#headerSelection {
	font-size: 14px;
	font-weight: bold;
    color: #000;
	padding: 0;
	margin: 0;
}


.chooseP {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #000;
}
.requirementsHeader {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: underline;
}

.requirementsP {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.funPartP {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.welcomeHeader {
	font-size: 14px;
	font-weight: bold;   
	color: #000;
}

.pageHeaderPrintTags  {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid rgb(47,147,209);
    background-color: rgb(47,147,209);
}

.pageHeader {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #0C72D4;
    background-color: #0C72D4;
}

.loginHeader {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #0C72D4;
    background-color: #0C72D4;
}

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

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

.footerHeaderOne {
   font-size: 10px;
   font-weight: bold;
   color: #000;
margin-left: 2em;
margin-right: 0;
margin-top: 0;
margin-bottom:0;
padding-left: 4em;
padding-bottom: 0;
padding-top: 0;
border: 0;
}
html>body footerHeaderOne {

}  

.footerHeaderOne a {
   font-size: 10px;
   font-weight: bold;
   color: #000;
}

.footerHeaderTwo {
   font-size: 10px; 
   line-height: 18px; 
   border-bottom: 1px solid;
   border-top: 1px solid;
   color: #000;
   
margin-left: 90em;
margin-right: 0;
margin-top: 0;
margin-bottom:0;
padding-left: 4em;
padding-bottom: 0;
padding-top: 0;
border: 0;
}
html>body footerHeaderTwo {

}  


.tableCountsTable {
      background-color: #3b9150;
      border: 1px solid black;
      border-collapse: collapse;
      background-color: #fff;

}

.sellerTableHeader {
      font-size: 11px;
      font-weight: bold;
      color: #fff;
      background-color: rgb(0,178,235);
}

.sellerTableHeader a {
   color: #fff;
}

.reportPrintLayout {
 background-color: #fff;
}

.sellerHeader {
	font-size: 14px;
	background-color: inherit;
	text-decoration: underline;
}

a.sellerHeader {
	background-color: inherit;
	text-decoration: underline;
}

a.sellerHeader:link {
	background-color: inherit;
	text-decoration: underline;
}
a.sellerHeader:visited {
	background-color: inherit;
	text-decoration: underline;
}
a.sellerHeader:hover {
	background-color: inherit;
	text-decoration: underline;
}

a {
    font-size: 12px;
    font-weight:bold;
    text-decoration:underline;
}

a:hover {
}


.btnMgmtItemGenList {
  font-size: 12px;
}

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

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

.btnMgmtItemTransfer {
  font-size: 12px;
}

.selectMgmtGenItemList {
  font-size: 12px;
}

.selectMgmtGenSettlementRpt {
   font-size: 12px;
}


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

.btnMgmtItemReset {
  width: 150px;
  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;
}


.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 {
	max-width:768px;
	margin: auto;
}

.itemMgmTable {
   margin-top: 5px;
   float: left;
}


#inventoryItemsTableId {
 	width:	100%;
}

.ckAllItemMgmtLkClass {
}

#checkAllItemMgmtLink {
font-size: 9px;
}

#unCheckAllItemMgmtLink {
font-size: 9px;
}

.addItemsTableClass {
  background-color: #fff;
}

#projectedSettlementTable {
  background-color: #fff;
}

#inventoryItemsTableId {
  background-color: #fff;
}

#dropoffScheduleTableId {
   background-color: #fff;
}

#itemsTableId {
    background-color: #fff;
}

#printItemsTableId {
    background-color: #fff;
}

#volunteerScheduleTable {
   background-color: #fff;
}

.addItemsTableClass td {

}

.addItemsTableClass th {

}


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

.sellerContract  {
  margin: 3px;
}

.sellerContract p {
  text-align: left;
}

.sellerContract li {
  text-align: left;
}

/* 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 {
    text-align:center;
}

h1 {
    font-size: 18px;
    display: block;
    font-weight: bold;
    display: block;
    margin: 0em 0em 0.5em 0em;
    padding: 0em 0em 0em 0.2em;
    font-weight: bold;
}

#headertitle {
    font-size: 24px;
    font-weight: bold;
    padding:  0px 0px;
    margin: auto;
    text-align: center;
    color: #000;
}

p {
    margin-top:	0;
    margin-bottom:	1em;
    font-size: 14px;
}

#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 {
    width:	768px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    text-align: left;
    background-color: #fff;
}

@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%);}
}