/* reset the button */

div.gridfx a.gridfx-button {text-shadow: none;box-shadow: none}

/* padding, size, margin adjustments */
div.gridfx-desc a.gridfx-button {padding: 4px 10px; margin: 15px 5px 0 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;display: inline-block;font-size: 13px;}
div.gridfx-buttons a.gridfx-button {padding: 4px 10px; margin: 0 20px}
div.gridfx-item-more a.gridfx-button {margin-right: 10px; padding: 4px 9px;}
div.gridfx-pane div.gridfx-buttons a.gridfx-button {padding: 6px 15px;font-size: 16px;font-weight: normal;display:inline-block;}

/* size */
div.gridfx a.gridfx-button.small {font-size: 11px;}

/* radius */
div.gridfx a.gridfx-button.radius {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px}

/* color styles */

div.gridfx a.gridfx-button.dark {background: #333;color: #fff; border: 1px solid #333;}
div.gridfx a.gridfx-button.dark:hover {background: #444;color: #fff; border-color: #444;}

div.gridfx a.gridfx-button.blue {background: #336699; color: #fff; border: 1px solid #336699 }
div.gridfx a.gridfx-button.blue:hover {background: #4482bf; color: #fff; border-color: #336699; }

div.gridfx a.gridfx-button.white {background: #f9f9f9; color: #666;border: 1px solid #ccc;}
div.gridfx a.gridfx-button.white:hover {background: #fff; color: #444;border-color: #aaa;}

div.gridfx a.gridfx-button.orange {background: #ff6000; color: #fff;border: 1px solid #ff4000;}
div.gridfx a.gridfx-button.orange:hover {background: #ff8000; color: #fff;border-color: #ff6000;}

div.gridfx a.gridfx-button.violet {background: #7747ad; color: #fff;border: 1px solid #6c4d8f;}
div.gridfx a.gridfx-button.violet:hover {background: #8c59c5; color: #fff;border-color: #6c4d8f;}

div.gridfx a.gridfx-button.silver {background: #ddd;color: #aaa; border: 1px solid #ccc; }
div.gridfx a.gridfx-button.silver:hover {background: #fff;color: #333; border-color: #aaa; }