/*==================  Button Width and Height =================*/
.widget-button #sidebut
{
  display:block;
  width:244px;
  height:152px;
  position:relative;
}

.widget-button .vertical
{
}
.widget-button .vertical-pad
{
	margin-bottom: 10px;
}
.widget-button .horizontal
{
	float: left;
}

.widget-button .horizontal-pad
{
	float: left;
	margin-right: 10px;
}


/*==================  holds the uploaded image =================*/
.widget-button span 
{
  display:block;
  width:236px;
  height:145px;
  position:absolute;
  top:3px;
  left:4px;
  background-repeat:no-repeat;
}

/*==================  the link holds the overlay sprite=================*/
.widget-button #sidebut a 
{
  background: transparent url("/img/00/layout/sidebut_overlay.png") no-repeat scroll 0px 0px;
  display:block;
  width:244px !important;
  height:152px !important;
  font-family: 'GnuolaneRegular', Arial Narrow, Tahoma, Sans-Serif;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:1px;
  text-decoration:none;
  font-size:20px;
  line-height:45px;
  position:absolute;
  top:0px;
  left:0px;
	color: #000;
}

.widget-button #sidebut a:hover
{
  background-position: 0px -152px !important;
  display:block;
  width:244px;
  height:152px;
	color: #000;
}
/*==================  spacer =================*/

.widget-button #sidebut #mm-spacer 
{
  display:block;
  width:244px;
  height:20px;
  background:url(/img/00/layout/mm-space.png) center center no-repeat;
  position:relative;
  top:0px;
  left:0px;
}

/*==================  USED FOR THE SELECTABLE TEXT =================*/
.widget-button #sidebut a.light { color:#ffffff; }
.widget-button #sidebut a.light:hover {  color:#301a27; }

.widget-button #sidebut a.dark { color:#40272c; }
.widget-button #sidebut a.dark:hover {  color:#301a27; }