/*==================================================
  = BEGIN Button styles for expandable buttons
  ==================================================*/

div.wmdButton {
	clear:both;
	text-align:center;
}
div.wmdButton table {
 /* font-size:80%; */
 /* width: 100%; */ /* Leave this off for "shrink to fit" contents */
 margin:0 auto; /* Center the table within the div (does not work for IE) */
 text-align:left;
}

div.wmdButton a {
 color:#FFFFFF;
 display:block;
 font-weight:bold;
 padding:1px 10px;
 position:relative; /* IE bug */
 text-align:center;
 text-decoration:none;
 font-size:80%;
 text-transform:uppercase;
}

div.wmdButton a:link, div.wmdButton a:visited, div.wmdButton a:hover {
 color:#fff;
 text-decoration:none;
}

/*--- top ---*/
div.wmdButton .t .l { /* top left */
 background: url(images/button-bg.gif) no-repeat;
 height:2px; /* top side */
 width:2px; /* left side */
}

div.wmdButton .t .m { /* top middle */
 /* stretchy width */
 background: url(images/button-bg.gif) repeat-x -2px 0;
 height:2px; /* top side */
}

div.wmdButton .t .r { /* top right */
 background: url(images/button-bg.gif) no-repeat top right;
 height:2px;  /* top side */
 width:4px; /* right side */
}

/*--- middle content ---*/
div.wmdButton .c .l { /* content left */
 /* stretchy height */
 background: url(images/button-bg.gif) repeat-y 0 -2px;
 width:2px; /* left side */
}
div.wmdButton .c .m { /* content middle */
 /* stretchy width and height */
 background: url(images/button-bg.gif) -2px -2px;
 /* padding:1em; */ /* optional padding */
}
div.wmdButton .c .r { /* content right */
 /* stretchy height */
 background: url(images/button-bg.gif) repeat-y 100% -2px;
 width:4px; /* right side */
}

/*--- bottom ---*/
div.wmdButton .b .l { /* bottom left */
 background: url(images/button-bg.gif) no-repeat bottom left;
 height:4px; /* bottom side */
 width:2px; /* left side */
}
div.wmdButton .b .m { /* bottom middle */
  /* stretchy width */
 background: url(images/button-bg.gif) repeat-x -4px 100%;
 height:4px; /* bottom side */
}
div.wmdButton .b .r { /* bottom right */
 background: url(images/button-bg.gif) no-repeat bottom right;
 height:4px; /* bottom side */
 width:4px; /* right side */
}

/*==================================================
  = END Button Styles
  ==================================================*/