/* Cascading Style Sheet for Wolf Direct, February 2008 */

body {

}

.btnwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 87%;
}

/* the following are css styles for link controls */

a.btn
{
	display: block;
	float: left;
	font: normal normal bold 13px Tahoma, Helvetica, sans-serif; /* Change 13px as desired */
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 34px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	background: transparent url('../images/buttons/left2.gif') no-repeat top left;
	color: #FFFFFF;
}

a.btn span{
	background: transparent url('../images/buttons/right2.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:hover.btn { /* Hover state CSS */
	background-position: bottom left;
	}

a:hover.btn span{ /* Hover state CSS */
	background-position: bottom right;
	}
	
	
/* the following are css style for small button controls */

a.btnsm
{
	display: block;
	float: left;
	font: normal normal bold 11px Arial, Helvetica, sans-serif; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	background: transparent url('../images/buttons/left3_sm.gif') no-repeat top left;
	color: #FFFFFF;
}

a.btnsm span{
	background: transparent url('../images/buttons/right3_sm.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color: #FFFFFF;
}

a:hover.btnsm { /* Hover state CSS */
	background: transparent url('../images/buttons/left3_sm_hover.gif') no-repeat top left;
	}

a:hover.btnsm span{ /* Hover state CSS */
	background: transparent url('../images/buttons/right3_sm_hover.gif') no-repeat top right;
	}

span.btn-btnsm
{
	background: transparent url('../images/buttons/left3_sm.gif') no-repeat top left;
	display: block;
	float: left;
	padding-left: 9px; /* Width of left menu image */
}

span.btn-btnsm input{
	background: transparent url('../images/buttons/right3_sm.gif') no-repeat top right;
	display: block;
	font: normal normal bold 11px Arial, Helvetica, sans-serif; /* Change 13px as desired */
	padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	line-height:16px;
	height:24px;
	text-decoration:none;
	cursor:pointer;
	border:none;
	color: #FFFFFF;
}

span:hover.btn-btnsm { /* Hover state CSS */
	background: transparent url('../images/buttons/left3_sm_hover.gif') no-repeat top left;
	}

span:hover.btn-btnsm input{ /* Hover state CSS */
	background: transparent url('../images/buttons/right3_sm_hover.gif') no-repeat top right;
	}
	
/* the following are css style for very small button controls */

a.btnvsm
{
	display: block;
	float: left;
	font: normal normal bold 11px Arial, Helvetica, sans-serif; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	background: transparent url('../images/buttons/left3_sm.gif') no-repeat top left;
	color: #FFFFFF;
}

a.btnvsm span{
	background: transparent url('../images/buttons/right3_sm.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color: #FFFFFF;
}

a:hover.btnvsm { /* Hover state CSS */
	background: transparent url('../images/buttons/left3_sm_hover.gif') no-repeat top left;
	}

a:hover.btnvsm span{ /* Hover state CSS */
	background: transparent url('../images/buttons/right3_sm_hover.gif') no-repeat top right;
	}

span.btn-btnvsm
{
	background: transparent url('../images/buttons/left3_sm.gif') no-repeat top left;
	display: block;
	float: left;
	padding-left: 9px; /* Width of left menu image */
}

span.btn-btnvsm input{
	background: transparent url('../images/buttons/right3_sm.gif') no-repeat top right;
	display: block;
	font: normal normal bold 9px Arial, Helvetica, sans-serif; /* Change 13px as desired */
	padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	line-height:16px;
	height:24px;
	text-decoration:none;
	cursor:pointer;
	border:none;
	color: #FFFFFF;
}

span:hover.btn-btnvsm { /* Hover state CSS */
	background: transparent url('../images/buttons/left3_sm_hover.gif') no-repeat top left;
	}

span:hover.btn-btnvsm input{ /* Hover state CSS */
	background: transparent url('../images/buttons/right3_sm_hover.gif') no-repeat top right;
	}
	

a.btnsmdis
{
	display: block;
	float: left;
	font: normal normal bold 11px Arial, Helvetica, sans-serif; /* Change 13px as desired */	
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	background: transparent url('../images/buttons/left3_sm_disabled.gif') no-repeat top left;
	color: #000000;
	cursor: default;
}

a.btnsmdis span{
	background: transparent url('../images/buttons/right3_sm_disabled.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	text-decoration: none;
}

.account-header-text {
	font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #013D64; font-weight: bold;
}

.account-detail-text {
	font-family: Arial, Helvetica, sans-serif;	font-size: 12pt; color: Black;
	font-weight: 500;
}

.category-title-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #013D64;
	text-decoration: none;
}

a.category-title-text,a.category-title-text:link,a.category-title-text:hover,a.category-title-text:active,a.category-title-text:visited {
	color: #ED1B2F;
	text-decoration: none;
}

.side-menu-text {
	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold;  color: #013D64;
	text-decoration: none;
}

a.side-menu-text:visited {
	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold; letter-spacing: -1px;  color: #013D64;
	text-decoration: none;
}

a.side-menu-text:hover {
	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold; letter-spacing: -1px; color: #ED1B2F;
	text-decoration: none;
}

a.side-menu-text:active {
	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold; letter-spacing: -1px; color: #013D64;
	text-decoration: none;
}

a.side-menu-text:link {
	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold; letter-spacing: -1px; color: #013D64;
	text-decoration: none;
}

.table-header-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #ED1B2F;
	text-decoration: none;
}

a.table-header-text:link,a.table-header-text:hover,a.table-header-text:active,a.table-header-text:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #ED1B2F;
	text-decoration: none;
}

.table-row-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #013D64;
	text-decoration: none;
}

a.table-row-text:link,a.table-row-text:hover,a.table-row-text:active,a.table-row-text:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; 
	color: #013D64;
	text-decoration: none;
}

.detail-header-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ED1B2F;
	text-decoration: none;
	height: 25px;
	}

a.detail-header-text:link,a.detail-header-text:hover,a.detail-header-text:active,a.detail-header-text:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ED1B2F;
	text-decoration: none;
	height: 25px;
}

.detail-header-row-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ED1B2F;
	text-decoration: none;
	}

.detail-row-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #013D64; text-decoration: none; background: transparent;	
}

a.detail-row-text:link,a.detail-row-text:active,a.detail-row-text:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #013D64;	text-decoration: none; background: transparent;
}

a.detail-row-text:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ED1B2F; text-decoration: none; background: transparent;
}

.table-row-narrow-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: black; 
}

.err-message {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: Red;
}