/* ------------------------------------------------------- BUTTONS -------------------------------------------------------*/

.button, .buttonLt
{
	float:left;
	vertical-align:middle;
	margin-top:5px;
}

.button input, .buttonLt input, .button a, .buttonLt a
{	
	background-image: none;
	background:transparent;
	border: none;
	cursor: pointer;	
	padding: 7px 10px 10px 10px;
	overflow:visible;/*bug fix for ie6&7 to avoid default padding*/
	margin:0px;
	display: block;
	color:white;
	font-size:90%;
	_width: 1em;/*bug fix for ie6 to avoid default padding*/
	text-align:left; 		
}

.button a, .buttonLt a
{
	_width:auto;
	text-decoration:none;
}

.button a:hover
{
	color:#cccccc;
}

.buttonLt a:hover 
{
	color:#dfe0e3;
}

.button.over input, .buttonLt.over input, .button.over a, .buttonLt.over a {
	color: white;
}

.button .n {
	background: #838383 url(../Images/Buttons/Dk-grey/n.gif) repeat-x top;
}
.button .s {
	background: url(../Images/Buttons/Dk-grey/s.gif) repeat-x bottom;
}
.button .e {
	background: url(../Images/Buttons/Dk-grey/e.gif) repeat-y top right;
}
.button .w {
	background: url(../Images/Buttons/Dk-grey/w.gif) repeat-y top left;
}

.button .nw {
	background: url(../Images/Buttons/Dk-grey/nw.gif) no-repeat left top;
}
.button .sw {
	background: url(../Images/Buttons/Dk-grey/sw.gif) no-repeat left bottom;
}
.button .ne {
	background: url(../Images/Buttons/Dk-grey/ne.gif) no-repeat right top;
}
.button .se {
	background: url(../Images/Buttons/Dk-grey/se.gif) no-repeat right bottom;
}

.buttonLt .n {
	background: #a5a5a5 url(../Images/Buttons/Lt-grey/n.gif) repeat-x top;
}
.buttonLt .s {
	background: url(../Images/Buttons/Lt-grey/s.gif) repeat-x bottom;
}
.buttonLt .e {
	background: url(../Images/Buttons/Lt-grey/e.gif) repeat-y top right;
}
.buttonLt .w {
	background: url(../Images/Buttons/Lt-grey/w.gif) repeat-y top left;
}
.buttonLt .nw {
	background: url(../Images/Buttons/Lt-grey/nw.gif) no-repeat left top;
}
.buttonLt .sw {
	background: url(../Images/Buttons/Lt-grey/sw.gif) no-repeat left bottom;
}
.buttonLt .ne {
	background: url(../Images/Buttons/Lt-grey/ne.gif) no-repeat right top;
}
.buttonLt .se {
	background: url(../Images/Buttons/Lt-grey/se.gif) no-repeat right bottom;
}


/*--------------------------------------------------------END BUTTONS---------------------------------------------*/