﻿/* an inline style with specific width is required on the anchor tag */
/* (#Expandable div div) used on buttons inside Expandable panels */
a.StyledButton, a.StyledButton:link, a.StyledButton:visited,
#Expandable a.StyledButton, #Expandable a.StyledButton:link, #Expandable a.StyledButton:visited
{
    background: url(/Content/Styles/Images/StyledButton/newSubmitBtn.gif) no-repeat scroll top right;
    color: #000;
	cursor:pointer;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 6px;
    padding:0 5px 0 0;
    text-align:center;
    text-decoration: none;
}

a.StyledButton span, 
#Expandable a.StyledButton span
{
    background: url(/Content/Styles/Images/StyledButton/newSubmitBtn.gif) no-repeat;
    display: block;
    line-height: 11px;
    padding: 7px 0 7px 5px;
}

/* Hover State */
a.StyledButton:hover,
#Expandable a.StyledButton:hover, #Expandable a .StyledButton:hover
{
	background:url(/Content/Styles/Images/StyledButton/newSubmitBtn.gif) no-repeat right -26px;
    color: #000;
	cursor:pointer;
    font: normal 12px arial, sans-serif;
    text-decoration:none;
}

a.StyledButton:hover span, 
#Expandable a.StyledButton:hover span
{
	background-position: left -26px;
    color: #000;
}

/* Down State */
a.StyledButton:active, 
#Expandable a.StyledButton:active, #Expandable a .StyledButton:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.StyledButton:active span, 
#Expandable a.StyledButton:active span
{
    background-position: bottom left;
	outline:none;
    padding: 8px 0 6px 5px; /* push text down 1px */
}

/* Disabled button */
a.StyledButtonDisabled, a.StyledButtonDisabled:link, a.StyledButtonDisabled:visited,
#Expandable a.StyledButtonDisabled, #Expandable a.StyledButtonDisabled:link, #Expandable a.StyledButtonDisabled:visited
{
    background: url(/Content/Styles/Images/StyledButton/newSubmitBtn.gif) no-repeat scroll top right;
    color: #AFA0BF;
	cursor:default;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 6px;
    outline:0;
    padding:0 5px 0 0;
    text-align:center;
    text-decoration: none;
}

a.StyledButtonDisabled span, 
#Expandable a.StyledButtonDisabled span
{
    background: url(/Content/Styles/Images/StyledButton/newSubmitBtn.gif) no-repeat;
    display: block;
    line-height: 11px;
    padding: 7px 0 7px 5px;
}
