.action-button, .action-button-hover, .action-button-blue, .action-button-red, .action-button-blue-hover, .action-button-red-hover
{
	width:7.0em;
} 

.action-button .action-button-t { background: url(images/dot.gif) 0 0 repeat-x #FF0000; }
.action-button .action-button-b { background: url(images/dot.gif) 0 100% repeat-x; }
.action-button .action-button-l { background: url(images/dot.gif) 0 0 repeat-y; }
.action-button .action-button-r { background: url(images/dot.gif) 100% 0 repeat-y; }
.action-button .action-button-bl { background: url(images/bl2.gif) 0 100% no-repeat; }
.action-button .action-button-br { background: url(images/br2.gif) 100% 100% no-repeat; }
.action-button .action-button-tl { background: url(images/tl2.gif) 0 0 no-repeat; }

.action-button .action-button-tr, .action-button-blue .action-button-blue-tr, .action-button-red .action-button-red-tr   
{
	background:  url(images/tr2.gif) 100% 0 no-repeat transparent;  
	/*changed by Lightstone - was 2px 10px 2px 2px*/
	padding: 2px 10px 2px 5px; /*top right bottom left */
	text-align: center;	
} 

.action-button input, .action-button a, .action-button a:visited, .action-button a:link,
.action-button-blue input, .action-button-blue a, .action-button-blue a:visited, .action-button-blue a:link
.action-button-red input, .action-button-red a, .action-button-red a:visited, .action-button-red a:link
{
	
	white-space: nowrap;
	color: white; 
	text-decoration: none;
	border: 0em;
	padding:  0em; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 73%;
	background: url(images/arrow.gif) center right no-repeat transparent;
	width:100%;
	vertical-align: middle;							/*added by Lightstone - align in middle*/
}

.action-button-hover .action-button-t { background: url(images/thover2.gif) 0 0 repeat-x #ffffff; }
.action-button-hover .action-button-b { background: url(images/bhover2.gif) 0 100% repeat-x; }

.action-button-hover .action-button-l { background: url(images/lhover2.gif) 0 0 repeat-y; }
.action-button-hover .action-button-r { background: url(images/rhover2.gif) 100% 0 repeat-y; }

.action-button-hover .action-button-bl { background: url(images/blhover2.gif) 0 100% no-repeat }
.action-button-hover .action-button-br { background: url(images/brhover2.gif) 100% 100% no-repeat; }
.action-button-hover .action-button-tl { background: url(images/tlhover2.gif) 0 0 no-repeat; }

.action-button-hover .action-button-tr, .action-button-blue-hover .action-button-blue-tr, .action-button-red-hover .action-button-red-tr  
{
	background: url(images/trhover2.gif) 100% 0 no-repeat; 
	/*changed by Lightstone - was 2px 10px 2px 2px*/
	padding: 2px 10px 2px 5px; /*top right bottom left*/
	text-align: center;	
} 

.action-button-hover input, .action-button-hover a, .action-button-hover a:link, .action-button-hover a:hover,
.action-button-blue-hover input, .action-button-blue-hover a, .action-button-blue-hover a:link, .action-button-blue-hover a:hover
.action-button-red-hover input, .action-button-red-hover a, .action-button-red-hover a:link, .action-button-red-hover a:hover
{
	white-space: nowrap;
	color: red; 
	text-decoration: none;
	border: 0em;
	padding: 0em; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 73%;	
	background: url(images/arrowhover_red.gif) center right no-repeat transparent;
	width:100%;
	vertical-align: middle;					/*added by Lightstone - align in middle*/
}


.action-button-hover a, .action-button-hover a:hover, .action-button-blue-hover a, .action-button-blue-hover a:hover, .action-button-red-hover a, .action-button-red-hover a:hover
{
	display: block;
}

.action-button a, .action-button a:hover, .action-button-blue a, .action-button-blue a:hover, .action-button-red a, .action-button-red a:hover
{
	display: block;
}

/* Styles specifically for blue action button */
.action-button-blue input, .action-button-blue a, .action-button-blue a:visited, .action-button-blue a:link
{
	color: White; 
}
.action-button-blue .action-button-blue-t { background: url(../standard-button/images/dot.gif) 0 0 repeat-x #ff0000; }
.action-button-blue .action-button-blue-b { background: url(../standard-button/images/dot.gif) 0 100% repeat-x; }
.action-button-blue .action-button-blue-l { background: url(../standard-button/images/dot.gif) 0 0 repeat-y; }
.action-button-blue .action-button-blue-r { background: url(../standard-button/images/dot.gif) 100% 0 repeat-y; }
.action-button-blue .action-button-blue-bl { background: url(../standard-button/images/bl.gif) 0 100% no-repeat; }
.action-button-blue .action-button-blue-br { background: url(../standard-button/images/br.gif) 100% 100% no-repeat; }
.action-button-blue .action-button-blue-tl { background: url(../standard-button/images/tl.gif) 0 0 no-repeat; }

.action-button-blue .action-button-blue-tr   
{
	background:  url(../standard-button/images/tr.gif) 100% 0 no-repeat transparent;  
}

.action-button-blue-hover .action-button-blue-t { background: url(../standard-button/images/thover.gif) 0 0 repeat-x #ffffff; }
.action-button-blue-hover .action-button-blue-b { background: url(../standard-button/images/bhover.gif) 0 100% repeat-x; }

.action-button-blue-hover .action-button-blue-l { background: url(../standard-button/images/lhover.gif) 0 0 repeat-y; }
.action-button-blue-hover .action-button-blue-r { background: url(../standard-button/images/rhover.gif) 100% 0 repeat-y; }

.action-button-blue-hover .action-button-blue-bl { background: url(../standard-button/images/blhover.gif) 0 100% no-repeat }
.action-button-blue-hover .action-button-blue-br { background: url(../standard-button/images/brhover.gif) 100% 100% no-repeat; }
.action-button-blue-hover .action-button-blue-tl { background: url(../standard-button/images/tlhover.gif) 0 0 no-repeat; }

.action-button-blue-hover .action-button-blue-tr 
{
	background: url(../standard-button/images/trhover.gif) 100% 0 no-repeat; 
} 

.action-button-blue input, .action-button-blue a, .action-button-blue a:visited, .action-button-blue a:link
{
	background: url(../toolpanel-link/images/arrow.gif) center right no-repeat transparent;
}

/* End of Styles specifically for blue action button */

/* Styles specifically for red action button */
.action-button-red input, .action-button-red a, .action-button-red a:visited, .action-button-red a:link
{
	color: White; 
}
.action-button-red .action-button-red-t { background: url(images/red-button/dot.gif) 0 0 repeat-x red; }
.action-button-red .action-button-red-b { background: url(images/red-button/dot.gif) 0 100% repeat-x; }
.action-button-red .action-button-red-l { background: url(images/red-button/dot.gif) 0 0 repeat-y; }
.action-button-red .action-button-red-r { background: url(images/red-button/dot.gif) 100% 0 repeat-y; }
.action-button-red .action-button-red-bl { background: url(images/red-button/bl.gif) 0 100% no-repeat; }
.action-button-red .action-button-red-br { background: url(images/red-button/br.gif) 100% 100% no-repeat; }
.action-button-red .action-button-red-tl { background: url(images/red-button/tl.gif) 0 0 no-repeat; }

.action-button-red .action-button-red-tr
{
	background:  url(images/red-button/tr.gif) 100% 0 no-repeat transparent;  
}

.action-button-red-hover .action-button-red-t { background: url(images/red-button/thover.gif) 0 0 repeat-x #ffffff; }
.action-button-red-hover .action-button-red-b { background: url(images/red-button/bhover.gif) 0 100% repeat-x; }

.action-button-red-hover .action-button-red-l { background: url(images/red-button/lhover.gif) 0 0 repeat-y; }
.action-button-red-hover .action-button-red-r { background: url(images/red-button/rhover.gif) 100% 0 repeat-y; }

.action-button-red-hover .action-button-red-bl { background: url(images/red-button/blhover.gif) 0 100% no-repeat }
.action-button-red-hover .action-button-red-br { background: url(images/red-button/brhover.gif) 100% 100% no-repeat; }
.action-button-red-hover .action-button-red-tl { background: url(images/red-button/tlhover.gif) 0 0 no-repeat; }

.action-button-red-hover .action-button-red-tr 
{
	background: url(images/red-button/trhover.gif) 100% 0 no-repeat; 
} 

.action-button-red input, .action-button-red a, .action-button-red a:visited, .action-button-red a:link
{
	background: url(../toolpanel-link/images/arrow.gif) center right no-repeat transparent;
}

/* End of Styles specifically for red action button */


/* OrangeAction Button styles */



.OrangeAction-button, .OrangeAction-button-hover
{
	width:7.0em;
}  

.OrangeAction-button .OrangeAction-button-t { background: url(images/dot.gif) 0 0 repeat-x #FF0000; }
.OrangeAction-button .OrangeAction-button-b { background: url(images/dot.gif) 0 100% repeat-x; }
.OrangeAction-button .OrangeAction-button-l { background: url(images/dot.gif) 0 0 repeat-y; }
.OrangeAction-button .OrangeAction-button-r { background: url(images/dot.gif) 100% 0 repeat-y; }
.OrangeAction-button .OrangeAction-button-bl { background: url(images/bl3.gif) 0 100% no-repeat; }
.OrangeAction-button .OrangeAction-button-br { background: url(images/br3.gif) 100% 100% no-repeat; }
.OrangeAction-button .OrangeAction-button-tl { background: url(images/tl3.gif) 0 0 no-repeat; }
.OrangeAction-button .OrangeAction-button-tr 
{
	background:  url(images/tr3.gif) 100% 0 no-repeat transparent;  
	/*changed by Lightstone - was 2px 10px 2px 2px*/
	padding: 2px 10px 2px 5px; /*top right bottom left*/
	text-align: center;	
	
} 

.OrangeAction-button-tr input, .OrangeAction-button-tr a, .OrangeAction-button-tr a:visited, .OrangeAction-button-tr a:link
{
	
	white-space: nowrap;
	color: black; 
	text-decoration: none;
	border: 0em;
	padding:  0em; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 73%;
	background: url(images/arrow.gif) center right no-repeat transparent;
	width:100%;
	vertical-align: middle;							/*added by Lightstone - align in middle*/
}

.OrangeAction-hover .OrangeAction-button-t { background: url(images/thover.gif) 0 0 repeat-x #ff0000; }
.OrangeAction-button-hover .OrangeAction-button-b { background: url(images/bhover.gif) 0 100% repeat-x; }

.OrangeAction-button-hover .OrangeAction-button-l { background: url(images/lhover.gif) 0 0 repeat-y; }
.OrangeAction-button-hover .OrangeAction-button-r { background: url(images/rhover.gif) 100% 0 repeat-y; }

.OrangeAction-button-hover .OrangeAction-button-bl { background: url(images/blhover3.gif) 0 100% no-repeat }
.OrangeAction-button-hover .OrangeAction-button-br { background: url(images/brhover3.gif) 100% 100% no-repeat; }
.OrangeAction-button-hover .OrangeAction-button-tl { background: url(images/tlhover3.gif) 0 0 no-repeat; }

.OrangeAction-button-hover .OrangeAction-button-tr 
{
	background: url(images/trhover3.gif) 100% 0 no-repeat; 
	/*changed by Lightstone - was 2px 10px 2px 2px*/
	padding: 2px 10px 2px 5px; /*top right bottom left*/
	text-align: center;	
} 

.OrangeAction-button-hover input, .OrangeAction-button-hover a, .OrangeAction-button-hover a:link, .OrangeAction-button-hover a:hover
{
	white-space: nowrap;
	color: black; 
	text-decoration: none;
	border: 0em;
	padding: 0em; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 73%;	
	/*background: url(images/arrowhover.gif) center right no-repeat transparent;*/
	background: url(images/arrowhover.gif) center right no-repeat #ff0000;
	width:100%;
	vertical-align: middle;							/*added by Lightstone - align in middle*/
}


.OrangeAction-button-hover a, .OrangeAction-button-hover a:hover
{
	display: block;
}

.OrangeAction-button a, .OrangeAction-button a:hover
{
	display: block;
}

/* table action button *//* Created 03/06/08 for Mortgage rate table (font sizing & padding */ 

.TableAction-button, .TableAction-button-hover
{
	width:7.0em;
	/*position: relative;
	left: -1.0em;*/
} 

.TableAction-button .TableAction-button-t { background: url(images/dot.gif) 0 0 repeat-x #FF0000; }
.TableAction-button .TableAction-button-b { background: url(images/dot.gif) 0 100% repeat-x; }
.TableAction-button .TableAction-button-l { background: url(images/dot.gif) 0 0 repeat-y; }
.TableAction-button .TableAction-button-r { background: url(images/dot.gif) 100% 0 repeat-y; }
.TableAction-button .TableAction-button-bl { background: url(images/bl2.gif) 0 100% no-repeat; }
.TableAction-button .TableAction-button-br { background: url(images/br2.gif) 100% 100% no-repeat; }
.TableAction-button .TableAction-button-tl { background: url(images/tl2.gif) 0 0 no-repeat; }
.TableAction-button .TableAction-button-tr 
{
	background:  url(images/tr2.gif) 100% 0 no-repeat transparent;  
	/*changed by Lightstone - was 2px 10px 2px 2px*/
	padding: 2px 0px 2px 0px; /*top right bottom left */
	text-align: center;	
} 

.TableAction-button input, .TableAction-button a, .TableAction-button a:visited, .TableAction-button a:link
{
	
	white-space: nowrap;
	color: black; 
	text-decoration: none;
	border: 0em;
	padding:  0em; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 93%;
	background: url(images/arrowhover.gif) center right no-repeat transparent;
	width:100%;
	vertical-align: middle;							/*added by Lightstone - align in middle*/
   
}

.TableAction-button-hover .TableAction-button-t { background: url(images/thover2.gif) 0 0 repeat-x #ff0000; }
.TableAction-button-hover .TableAction-button-b { background: url(images/bhover2.gif) 0 100% repeat-x; }

.TableAction-button-hover .TableAction-button-l { background: url(images/lhover2.gif) 0 0 repeat-y; }
.TableAction-button-hover .TableAction-button-r { background: url(images/rhover2.gif) 100% 0 repeat-y; }

.TableAction-button-hover .TableAction-button-bl { background: url(images/blhover2.gif) 0 100% no-repeat }
.TableAction-button-hover .TableAction-button-br { background: url(images/brhover2.gif) 100% 100% no-repeat; }
.TableAction-button-hover .TableAction-button-tl { background: url(images/tlhover2.gif) 0 0 no-repeat; }

.TableAction-button-hover .TableAction-button-tr 
{
	background: url(images/trhover2.gif) 100% 0 no-repeat; 
	/*changed by Lightstone - was 2px 10px 2px 2px*/
	padding: 2px 0px 2px 0px; /*top right bottom left*/
	text-align: center;	
} 

.TableAction-button-hover input, .TableAction-button-hover a, .TableAction-button-hover a:link, .TableAction-button-hover a:hover
{
	white-space: nowrap;
	color: black; 
	text-decoration: none;
	border: 0em;
	padding: 0em; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 93%;	
	background: url(images/arrowhover.gif) center right no-repeat transparent;
	width:100%;
	vertical-align: middle;					/*added by Lightstone - align in middle*/
   
}


.TableAction-button-hover a, .TableAction-button-hover a:hover
{
	display: block;
}

.TableAction-button a, .TableAction-button a:hover
{
	display: block;
}