/* Button Common */
.button,
.button *
{ 
	position:relative; 
	margin:0; 
	padding:0; 
	display:-moz-inline-stack; 
	display:inline-block; 
	text-decoration:none !important; 
	border:0; 
	font-size:12px; 
	white-space:nowrap; 
	background:url(/imgs/button.gif) no-repeat; 
	vertical-align:middle; 
	text-align:left;
	overflow:visible; 
}

.button
{ 
	margin-right:4px;
}

.button *
{ 
	left:4px; 
	cursor:pointer; 
	_cursor:hand;
}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *
{
    height:24px; line-height:24px;
}

.button.large, .button.large *
{
    height:30px; line-height:30px;
}

.button.xLarge, .button.xLarge *
{
    height:36px; line-height:36px;
}

.button.small, .button.small *
{
    height:19px; line-height:19px;
}

.button.medium
{
    background-position:left 0;
}

.button.large
{
    background-position:left -30px;
}

.button.xLarge
{
    background-position:left -65px;
}

.button.small
{
    background-position:left -106px;
}

.button.medium *
{
    padding:0 10px 0 6px;
    font-size:12px;
    background-position:right top;
}

.button.large *
{
    padding:0 10px 0 6px;
    font-size:16px;
    background-position:right -30px;
}

.button.xLarge *
{
    padding:0 10px 0 6px;
    font-size:20px;
    background-position:right -65px;
}

.button.small *
{
    padding:0 6px 0 2px;
    font-size:11px;
    background-position:right -106px;
}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus
{
    color:#c60;
}

/* Button Strong */
.button.strong *
{
    font-weight:bold !important;
}

/* Button Icon Variation */
.button.icon *
{
    padding-left:20px;
}

.button.small.icon *
{
    padding-left:16px;
}

.button.icon span
{
    width:20px;
    margin-right:-20px;
    padding:0 !important;
}

.button.medium .check
{
    background-position:4px -150px;
}

.button.large .check
{
    background-position:4px -146px;
}

.button.xLarge .check
{
    background-position:5px -144px;
}

.button.small .check
{
    background-position:3px -153px;
}

.button.medium .add
{
    background-position:-16px -150px;
}

.button.large .add
{
    background-position:-14px -146px;
}

.button.xLarge .add
{
    background-position:-14px -144px;
}

.button.small .add
{
    background-position:-18px -153px;
}

.button.medium .delete
{
    background-position:-34px -150px;
}

.button.large .delete
{
    background-position:-34px -146px;
}

.button.xLarge .delete
{
    background-position:-34px -144px;
}

.button.small .delete
{
    background-position:-37px -153px;
}

.button.medium .calendar
{
    background-position:-56px -150px;
}

.button.large .calendar
{
    background-position:-56px -146px;
}

.button.xLarge .calendar
{
    background-position:-56px -144px;
}

.button.small .calendar
{
    background-position:-59px -153px;
}

.button.medium .refresh
{
    background-position:-76px -150px;
}

.button.large .refresh
{
    background-position:-76px -146px;
}

.button.xLarge .refresh
{
    background-position:-76px -144px;
}

.button.small .refresh
{
    background-position:-79px -153px;
}





/* Evolution Buttons */
.clear
{ /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.LinkButton
{
    background: transparent url('/imgs/bg_button_a.gif') no-repeat scroll top right; 
    color: #444;
    display: block;
    float: left;
	font-weight:bold;
	font-family:"Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: 0px 1px 1px #fff;
}


a.LinkButtonRight
{
    background: transparent url('/imgs/bg_button_a.gif') no-repeat scroll top right; 
    color: #444;
    display: block;
    float: right;
	font-weight:bold;
	font-family:"Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: 0px 1px 1px #fff;
}



a.LinkButton span
{
    background: transparent url('/imgs/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.LinkButtonRight span
{
    background: transparent url('/imgs/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.LinkButton:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	font-weight:bold;
	font-family:"Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;
}

a.LinkButtonRight:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	font-weight:bold;
	font-family:"Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;
}

a.LinkButton:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


a.LinkButtonRight:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* End Evolution Buttons */