/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode &#123;
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	&#125;

.htmlButtonOutter, .htmlButtonOutterL &#123;
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	&#125;

.htmlButtonOutterL &#123;
	border-left: #333 1px solid;
	&#125;

.htmlButtonInner &#123;
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	&#125;

.htmlButtonOff &#123;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	&#125;

.htmlButtonOff a:link &#123;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	&#125;

.htmlButtonOff a:visited &#123;
	text-decoration: none;
	&#125;

.htmlButtonOff a:active &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonOff a:hover &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonOn &#123;
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	&#125;

.htmlButtonOn a:link &#123;
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	&#125;

.htmlButtonOn a:visited &#123;
	text-decoration: none;
	&#125;

.htmlButtonOn a:active &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonOn a:hover &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonA &#123;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	&#125;

.htmlButtonB &#123;
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	&#125;

.htmlButtonA a:link &#123;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	&#125;

.htmlButtonA a:visited &#123;
	text-decoration: none;
	&#125;

.htmlButtonA a:active &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonA a:hover &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonB a:link &#123;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	&#125;

.htmlButtonB a:visited &#123;
	text-decoration: none;
	&#125;

.htmlButtonB a:active &#123;
	color: #999;
	text-decoration: none;
	&#125;

.htmlButtonB a:hover &#123;
	color: #999;
	text-decoration: none;
	&#125;

