/* If using Drop Down Menu Formatting 150 x 4 Buttons
Place the buttons-blue-dropdown.css after this style sheet*/

/* Button Containers*/

.buttons-60-1 { width: 60px; margin: 0 auto 10px; }
.buttons-60-2 { width: 136px; margin: 0px auto 10px; }
.buttons-100-1 { width: 100px; margin: 10px auto; }
.buttons-100-2 { width: 220px; margin: 10px auto; }
.buttons-100-3 { width: 360px; margin: 10px auto; }
.buttons-100-4 { width: 432px; margin: 10px auto; }
.buttons-100-6 { width: 648px; margin: 10px auto; }

.buttons-150-1 { width: 152px; margin: 10px auto; }
.buttons-150-2 { width: 304px; margin: 10px auto; }
.buttons-150-3 { width: 466px; margin: 10px auto; }
.buttons-150-4 { width: 618px; margin: 10px auto; }
.buttons-150-5 { width: 760px; margin: 10px auto; }
.buttons-200-1 { width: 200px; margin: 10px auto; }
.buttons-200-2 { width: 416px; margin: 10px auto; }
.buttons-200-3 { width: 624px; margin: 10px auto; }

/* Button Containers for Bio-Harmonics Reviews and Directory */
.button-right-directory { float: right; width: 100px; margin-right: 10%; margin-top: 40px; }
/* Button with link - use linkbutton-100 button */
.button-right-return { float: right; width: 100px; margin-right: 10%; margin-top: 0px; }
/* Not currently used, maybe when more ads - place just below ad. May want to make a smallerheight button */

.img { text-decoration: none; }
/*Buttons with links*/

.linkbutton-60 { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; 
font-size: 10px; text-decoration: none; text-align: center; line-height: 14px; width: 60px; height: 14px; 
float: left; background-image: url(../Images/buttons-blue/button-blue-60x14.jpg); 
background-repeat: no-repeat; background-position: center 0; letter-spacing: 0.2em; vertical-align: middle; cursor: pointer; }

.linkbutton-60 a:link { display: block; color: #6affff; text-decoration: none; }
.linkbutton-60 a:visited { display: block; color: #6affff; text-decoration: none; }
.linkbutton-60 a:hover { background-image: url(../Images/buttons-blue/button-blue-100-18-on.jpg); color: #d8f3f6; text-decoration: none; }
.linkbutton-60 a:active { background-image: url(../Images/buttons-blue/button-blue-100-18-on.jpg); color: #ffffff; }

.linkbutton-100 { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 12px;
text-decoration: none; text-align: center; line-height: 18px; width: 100px; height: 23px; float: left;  
background-image: url(../Images/buttons-blue/button-blue-100-18.jpg); background-repeat: no-repeat; background-position: center 0; vertical-align: middle; }

.linkbutton-100 a:link { display: block; color: #6affff; text-decoration: none; }
.linkbutton-100 a:visited { display: block; color: #6affff; text-decoration: none; }
.linkbutton-100 a:hover { background-image: url(../Images/buttons-blue/button-blue-100-18-on.jpg); color: #d8f3f6; text-decoration: none; }
.linkbutton-100 a:active { background-image: url(../Images/buttons-blue/button-blue-100-18-on.jpg); color: #ffffff; }

.linkbutton-150 { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; 
text-decoration: none; text-align: center; line-height: 18px; width: 150px; height: 23px; float: left; 
background-image: url(../Images/buttons-blue/button-blue-150-18.jpg); background-repeat: no-repeat; background-position: center 0; vertical-align: middle; }

.linkbutton-150 a:link { display: block; color: #6affff; text-decoration: none; }
.linkbutton-150 a:visited { display: block; color: #6affff; text-decoration: none; }
.linkbutton-150 a:hover { background-image: url(../Images/buttons-blue/button-blue-150-18-on.jpg); color: #d8f3f6; }
.linkbutton-150 a:active { background-image: url(../Images/buttons-blue/button-blue-150-18-on.jpg); color: #ffffff; }
.linkbutton-200 { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; 
text-decoration: none; text-align: center; line-height: 18px; width: 200px; height: 23px; float: left; 
background-image: url(../Images/buttons-blue/button-blue-200-18.jpg); background-repeat: no-repeat; background-position: center 0; vertical-align: middle; }

.linkbutton-200 a:link { display: block; color: #6affff; text-decoration: none; }
.linkbutton-200 a:visited { display: block; color: #6affff; text-decoration: none; }
.linkbutton-200 a:hover { background-image: url(../Images/buttons-blue/button-blue-200-18-on.jpg); color: #d8f3f6; }
.linkbutton-200 a:active { background-image: url(../Images/buttons-blue/button-blue-200-18-on.jpg); color: #ffffff; }

/* Small buttons on Bio-harmonics review page for ads */

/* Button Container*/
.button-right-50 { float: right; width: 50px; margin-right: 10%; margin-top: 44px; }

/*Button with link*/
.linkbutton-r-50 { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; 
text-decoration: none; text-align: center; line-height: 18px; width: 50px; height: 23px; float: left; 
background-image: url(../Images/buttons-blue/button-blue-200-18.jpg); background-repeat: no-repeat; background-position: center 0; vertical-align: middle; }

.linkbutton-r-50 a:link { display: block; color: #6affff; text-decoration: none; }
.linkbutton-r-50 a:visited { display: block; color: #6affff; text-decoration: none; }
.linkbutton-r-50 a:hover { background-image: url(../Images/buttons-blue/button-blue-200-18-on.jpg); color: #d8f3f6; }
.linkbutton-r-50 a:active { background-image: url(../Images/buttons-blue/button-blue-200-18-on.jpg); color: #ffffff; }


/*Buttons for paypal subscription*/

.paypal-button-200 { width: 200px; height: 23px; float: left; background-position: center 0; vertical-align: middle; }


/* Text box to the right of one 200 linkbutton. Nest button and text box in clearfix container-inline-760*/
.linkbutton-200-text { float: left; width: 500px; height: auto;  }