/* AFFILIATE CODE  (marukqs) */

#affiliate th {
   background-color: transparent !important;
	 text-align: center;
	 vertical-align: middle;
}


#affiliate_container{
	 overflow: visible;
   min-width: 400px;
}

#affiliate{
   right: 1000px;
   border: none !important;
   border-collapse: collapse;
/* Set the table width if necessary. Or change to width: 100% - it depends on your template */
	 width: 100%;
	 min-width: 200px;
   text-align: center;
}

/* main background color of the table */
#affiliate tbody{
   background-color: #fffafa; /* Background color of the entire table */

}

#affiliate .affiliate_hf{
   background-image: url('rc.png');
	 background-position: top left;
}

#affiliate .affiliate_hl{
   background-image: url('rc.png');
	 background-position: top right;
}


#affiliate td{
   border-left: none !important;
   border-right: none !important;
   border-bottom: none !important;	 
   text-align: center;
	 vertical-align: middle;
	 padding-top: 10px;
	 padding-bottom: 10px;
	  border-top: 1px solid #aaaaaa !important; 
}


#affiliate, #affiliate thead th{
  border: none !important;
}



/* table paddings, except image in the first column */

#affiliate tr td + td{
   padding-left: 10px;
   padding-right: 10px;
}

#affiliate tr td:first-child{
   text-align: left;
   padding: 5px;
}


#affiliate .affiliate_button{
   background-image: url('aff_button.png');
	 background-repeat: no-repeat;
	 background-position: center; /* Button image */
   width: 100px;
   min-width: 100px; /* Button width */
   padding: 5px;
}


/*table row color on hover */

#affiliate tbody tr:hover,  #affiliate .affiliate_button:hover{
   background-color: #fdd4d5 !important;
   cursor: pointer;
}

/* table header color */
#affiliate thead .affiliate_ht, #affiliate thead:hover .affiliate_ht{
   background-color: black !important;
   color: white;
}

/* text and link colors */
#affiliate, #affiliate a, #affiliate a:link, #affiliate a:visited, #affiliate a:hover{
    text-decoration: none;
    color: black;
}


/* use #affiliate .colx for column formatting width and background 
 You can remove this if you want columns to be sized automatically.
*/




/* END OF AFFILIATE CODE */


