.clear { overflow: hidden; width: 100%; }

a.button { display: block; float:none; font: bold 10px arial, sans-serif; text-transform:uppercase; height: 50px; margin-right: 6px; padding-right: 22px; text-decoration: none; color:#fff; }

a.purple { background: transparent url('/admin/images/cssButtons/dark_purple_02.gif') no-repeat scroll top right; color: #FFFFFF; }
a.purple div,
a.purple span { background: transparent url('/admin/images/cssButtons/dark_purple_01.gif') no-repeat; }

a.lPurple { background: transparent url('/admin/images/cssButtons/light_purple_02.gif') no-repeat scroll top right; color: #FFFFFF; }
a.lPurple div.lPurple,
a.lPurple span.lPurple { background: transparent url('/admin/images/cssButtons/light_purple_01.gif') no-repeat; }

a.green { background: transparent url('/admin/images/cssButtons/dark_green_02.gif') no-repeat scroll top right; color: #FFFFFF; }
a.green div.green
,a.green span.green { background: transparent url('/admin/images/cssButtons/dark_green_01.gif') no-repeat; }

a.lGreen { background: transparent url('/admin/images/cssButtons/light_green_02.gif') no-repeat scroll top right; color: #FFFFFF; }
a.lGreen div.lGreen,
a.lGreen span.lGreen { background: transparent url('/admin/images/cssButtons/light_green_01.gif') no-repeat; }

a.button div,
a.button span { color:#FFFFFF; display: block; line-height: 40px; padding: 5px 0 5px 22px; } 

a.button:active { background-position: bottom right; color: #CCCCCC; outline: none; }

a.button:visited { color: #FFFFFF; }

a.button:active div,
a.button:active span { background-position: bottom left; padding: 6px 0 4px 22px; }

/* Small Buttons */

a.smallButton { display: block; float:left; font: bold 10px verdana, arial, sans-serif; text-transform:uppercase; height: 25px; margin-right: 5px; padding-right: 10px ; text-decoration: none; }

.fill { width:100%; text-align:center; }

a.smallPurple { background: transparent url('/admin/images/cssButtons/dark_purple_small_02.gif') no-repeat scroll top right; color: #FFFFFF; }
a.smallPurple div.smallPurple,a.smallPurple span.smallPurple { background: transparent url('/admin/images/cssButtons/dark_purple_small_01.gif') no-repeat; }

a.smallLPurple { background: transparent url('/admin/images/cssButtons/light_purple_small_02.gif') no-repeat scroll top right; color: #666699; }
a.smallLPurple div.smallLPurple,a.smallLPurple span.smallLPurple { background: transparent url('/admin/images/cssButtons/light_purple_small_01.gif') no-repeat; }

a.smallGreen { background: transparent url('/admin/images/cssButtons/dark_green_small_02.gif') no-repeat scroll top right; color: #FFFFFF; }
a.smallGreen div.smallGreen,a.smallGreen span.smallGreen { background: transparent url('/admin/images/cssButtons/dark_green_small_01.gif') no-repeat; }

a.smallLGreen { background: transparent url('/admin/images/cssButtons/light_green_small_02.gif') no-repeat scroll top right; color: #009999; }
a.smallLGreen div.smallLGreen,a.smallLGreen span.smallLGreen { background: transparent url('/admin/images/cssButtons/light_green_small_01.gif') no-repeat; }

a.smallButton div,
a.smallButton span {
    display: block;
    line-height: 21px;
    padding: 2px 0 2px 11px;
	white-space:nowrap;
} 

a.smallButton:visited {
    color: #fff;
	text-decoration:none;
}

a.smallButton:hover,
a.smallButton:active {
    background-position: bottom right;
    color: #ccc;
    outline: none; /* hide dotted outline in Firefox */
}


a.smallButton:hover div,
a.smallButton:active div,
a.smallButton:hover span,
a.smallButton:active span{
    background-position: bottom left;
}