/* replaces old barJoin.css for new green site */ 
.joinPage {
width:840px;
margin:0 auto 30px auto;
} 
.joinPage a,
.joinPage a:link,
.joinPage a:active,
.joinPage a:visited {
text-decoration:underline !important;
}
.joinPage a:hover {
text-decoration:none !important;
}

.CVN {
width:198px;
height:200px;
}

#joinBoxContainer {
width:855px;  
height: 125px;
margin:0 auto 20px auto;
padding:0;
} 
#joinBoxContainer .joinBox {
width:265px;
height: 105px;
border:1px solid #46A147; /* website green */ 
padding:5px;
background:#89C389; /* faded green */
color:#FFFFFF !important;   
font-size:17px;
font-weight:lighter;
line-height:25px !important;
margin:0;
}  
#joinBoxContainer .joinBoxOn {
width:265px;
height: 105px;
border:1px solid #46A147; /* website green */ 
padding:5px;
background:#ffffff !important; /* white */
color:#46A147 !important;  /* green */ 
font-size:17px;
font-weight:lighter;
line-height:25px !important;
margin:0;
} 
#joinBoxContainer .joinBox img { /* little square numbers */
float:left;
margin-right:15px;
margin-bottom:60px;
width:35px;
height:35px;
}
#joinBoxContainer .joinBoxOn img { /* little square numbers */
float:left;
margin-right:15px;
width:35px;
height:35px;
margin-bottom:60px;
}

#joinBoxContainer .joinBox  a,
#joinBoxContainer .joinBox a:link,
#joinBoxContainer .joinBox  a:active,
#joinBoxContainer .joinBox  a:visited {
color:white !important;
}
#joinBoxContainer .joinBox  a:hover {
color:white !important;
}

.dividerline {
border-bottom:1px solid #89C389; /* faded green */
}
.fieldseparator {
margin-bottom:5px;
}
.fieldseparator_cb { /* bigger for checkboxes */
margin-bottom:8px;
margin-bottom:8px;
}
.fieldseparator_cb:last-child { /* bigger for checkboxes */
margin-bottom:5px;
}

.bigStoreNumber {
float:left;
font-weight:bold;
font-size:50px !important;
}
#join2Page .bigStoreNumber {
margin-top:-10px;
}
.storeName {
float:left;
white-space:nowrap;
margin-left:5px; 
}
.deleteButton {
float:left;
font-size:14px;
border-radius:7px;
-moz-border-raduis:7px;  
padding:3px;
text-align:center;
background:#C43A31; /* bars red */ 
color:white !important;
cursor:pointer;
text-transform:uppercase;
 margin:20px 0 5px 0.
}

#inputTable {
width:600px;
margin:0 auto 0 auto;
}
 
#join2Page #inputTable {
width:100%;
} 
#join3Page #inputTable {
width:100%;
} 
#join4Page #inputTable {
width:600px;
margin:0 auto 0 auto;
}

#inputTable td {
padding:8px 4px 8px 4px;
vertical-align:top;
text-align:left;
line-height:normal;
} 
/* ovrride above td for thank you or unsuccessful transaction page  */
#join4Page #inputTable td.success { /* successful transaction */
padding:10px;
border:1px solid #46A147; /* green */
border-radius:10px;
-moz-border-radius:10px;
color:black;
}
#join4Page #inputTable td.unsuccess { /* successful transaction */
padding:10px;
border:1px solid #ff0000; /* red */
border-radius:10px;
-moz-border-radius:10px;
color:black;
}

#inputTable TEXTAREA, 
#inputTable SELECT, 
#inputTable INPUT[type="text"],
#inputTable INPUT[type="email"],
#inputTable INPUT[type="tel"] {
width:95%;
text-align:left;
font-size:20px; 
padding:7px;
border:1px solid #46A147;  /* normal site green */
border-radius:7px;
-moz-border-radius:7px;
background:white; 
font-family:arial,helvetica,sans-serif !important;
font-weight:lighter;
color: #404040;
}


#inputTable INPUT.aPrefill {
color:#999999 !important; 
text-transform:uppercase;
}
span.aPrefill {
font-size: 15px;
color:#888888 !important;
white-space:nowrap;
}

#inputTable TEXTAREA {
resize:vertical !important;
}
#inputTable SELECT {
width:auto;
}
.dataOut { /* exactly like #inputTable INPUT[type="text"], , but grayed-out background*/ 
color:#404040 !important;
width:95%;
text-align:left;
font-size:20px; 
padding:7px;
border:1px solid #46A147;  /* normal site green */
border-radius:7px;
-moz-border-radius:7px;
background:#eeeeee; 
font-family:arial,helvetica,sans-serif !important;
font-weight:lighter;
color: #404040;
}

#joinSummaryTable { 
width:100%; 
}
#joinSummaryTable td {
padding:0; 
} 
 
 

.boxSectionLightBG {
margin:0 auto 0 auto;
border-radius:20px;
-moz-border-radius:20px;
background:#f7f7f7;
border:1px solid #46A147;
padding:10px;
}

#join2Page .boxSectionLightBG {
margin-bottom:20px;
}


.boxSectionLightBGstore { 
border-radius:10px;
-moz-border-radius:10px;
background:#ffffff;
border:1px solid #46A147;
padding:7px;
color:#404040 !important;
}
#personTable {
width:90%;
}
#personTable td { 
padding:0;
vertical-align:top;
text-align:left;
line-height:normal;
}
#personTable td:first-child { 
width:35%;
}
 
.button { /* submit buttons */ 
font-size:22px;
width:150px;
border-radius:20px;
-moz-border-raduis:20px;  
padding:5px;
text-align:center;
background:#46A147; /* website green */ 
border:1px solid #46A147; /* website green */ 
color:white !important;
cursor:pointer; 
margin-top:20px;
}

 

h1.join  {
margin-bottom:10px;
font-family:  Arial, Helvetica, sans-serif;
font-size: 26px;
color: #000000;
} 
h2.join  {
margin-bottom:8px;
margin-top:5px;
font-family:  Arial, Helvetica, sans-serif;
font-size: 22px;
color: #46A147; 
text-align:left;
}


.opentipElement {
color: #FCA146; /* gold*/
font-weight:900; 
cursor:pointer;
font-size:larger;
}
.opentip-container .opentip { 
  font-size: 17px !important;
  font-weight: lighter !important;
  line-height: 110%  !important;
  padding: 9px 14px;
  color: #000000  !important;
  text-shadow: 0 0 0 rgba(255,255,255,255)  !important;
  font-family:  Arial, Helvetica, sans-serif;
}

.small {font-size: 15px; line-height:13px;}
.smallBold {font-size: 15px; font-weight:bold; line-height:normal;}
.smaller {font-size: 14px; line-height:normal;}
.tiny {font-size: 13px; line-height:normal;}

.textmenubot {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
 
.blue {color:#0000FF}
.white{color:#ffffff}