/* ====================== BLACK ====================== */

.SurveyButtonBlackLarge
{
    background-image: url(Graphics/SurveyButtons/btnBlackLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonBlackLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlackLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonBlackLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonBlackMedium
{
    background-image: url(Graphics/SurveyButtons/btnBlackMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonBlackMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlackMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonBlackMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonBlackSmall
{
    background-image: url(Graphics/SurveyButtons/btnBlackSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonBlackSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlackSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonBlueSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonBlackHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpBlack.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonBlackHelp:Hover
{
    background-position: 0px -20px;
}

/* ============== Blue ================ */

.SurveyButtonBlueLarge
{
    background-image: url(Graphics/SurveyButtons/btnBlueLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonBlueLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlueLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonBlueLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonBlueMedium
{
    background-image: url(Graphics/SurveyButtons/btnBlueMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonBlueMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlueMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonBlueMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonBlueSmall
{
    background-image: url(Graphics/SurveyButtons/btnBlueSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonBlueSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlueSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonBlueSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonBlueHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpBlue.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonBlueHelp:Hover
{
    background-position: 0px -20px;
}

/*=============== GREEN ================*/

.SurveyButtonGreenLarge
{
    background-image: url(Graphics/SurveyButtons/btnGreenLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonGreenLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonGreenLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonGreenLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonGreenMedium
{
    background-image: url(Graphics/SurveyButtons/btnGreenMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonGreenMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonGreenMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonGreenMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonGreenSmall
{
    background-image: url(Graphics/SurveyButtons/btnGreenSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonGreenSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonGreenSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonGreenSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonGreenHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpGreen.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonGreenHelp:Hover
{
    background-position: 0px -20px;
}

/*=============== ORANGE ================*/

.SurveyButtonOrangeLarge
{
    background-image: url(Graphics/SurveyButtons/btnOrangeLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonOrangeLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonOrangeLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonOrangeLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonOrangeMedium
{
    background-image: url(Graphics/SurveyButtons/btnOrangeMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonOrangeMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonOrangeMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonOrangeMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonOrangeSmall
{
    background-image: url(Graphics/SurveyButtons/btnOrangeSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonOrangeSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonOrangeSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonOrangeSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonOrangeHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpOrange.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonOrangeHelp:Hover
{
    background-position: 0px -20px;
}

/* ============= PURPLE ============== */

.SurveyButtonPurpleLarge
{
    background-image: url(Graphics/SurveyButtons/btnPurpleLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonPurpleLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonPurpleLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonPurpleLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonPurpleMedium
{
    background-image: url(Graphics/SurveyButtons/btnPurpleMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonPurpleMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonPurpleMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonPurpleMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonPurpleSmall
{
    background-image: url(Graphics/SurveyButtons/btnPurpleSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonPurpleSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonPurpleSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonPurpleSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonPurpleHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpPurple.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonPurpleHelp:Hover
{
    background-position: 0px -20px;
}

.SurveyButtonPurpleFlatHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpPurpleFlat.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonPurpleFlatHelp:Hover
{
    background-position: 0px -20px;
}

/* ============= RED ================ */

.SurveyButtonRedLarge
{
    background-image: url(Graphics/SurveyButtons/btnRedLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonRedLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonRedMedium
{
    background-image: url(Graphics/SurveyButtons/btnRedMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonRedMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonRedSmall
{
    background-image: url(Graphics/SurveyButtons/btnRedSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonRedSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonRedHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpRed.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonRedHelp:Hover
{
    background-position: 0px -20px;
}

/* ============= RED DARK ================ */

.SurveyButtonRedDarkLarge
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedDarkLarge:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedDarkLarge:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonRedDarkLarge:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonRedDarkMedium
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedDarkMedium:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedDarkMedium:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonRedDarkMedium:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonRedDarkSmall
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedDarkSmall:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedDarkSmall:Active
{
    background-position: 0px -42px;
    color: Gray;
}

.SurveyButtonRedDarkSmall:Focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.SurveyButtonRedDarkHelp
{
    background-image: url(Graphics/SurveyButtons/btnHelpRedDark.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
}

.SurveyButtonRedDarkHelp:Hover
{
    background-position: 0px -20px;
}

/*================= ALL BELOW ARE HOVER ONLY ===========================*/

/* ====================== BLACK ====================== */

.SurveyButtonBlackLargeHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlackLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonBlackLargeHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlackMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlackMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonBlackMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlackSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlackSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonBlackSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}

/* ============== Blue ================ */

.SurveyButtonBlueLargeHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlueLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonBlueLargeHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlueMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlueMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonBlueMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonBlueSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlueSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonBlueSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}

/*=============== GREEN ================*/

.SurveyButtonGreenLargeHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnGreenLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonGreenLargeHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonGreenMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnGreenMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonGreenMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonGreenSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnGreenSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonGreenSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}

/*=============== ORANGE ================*/

.SurveyButtonOrangeLargeHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnOrangeLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonOrangeLargeHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonOrangeMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnOrangeMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonOrangeMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonOrangeSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnOrangeSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonOrangeSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}
/* ============= PURPLE ============== */

.SurveyButtonPurpleLargelHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnPurpleLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonPurpleLargelHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonPurpleMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnPurpleMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonPurpleMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonPurpleSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnPurpleSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
}

.SurveyButtonPurpleSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}

/* ============= RED ================ */

.SurveyButtonRedLargelHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedLargelHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}

/* ============= RED DARK ================ */

.SurveyButtonRedDarkLargelHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedDarkLargelHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedDarkMediumHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedDarkMediumHoverOnly:Hover
{
    background-position: 0px -21px;
}

.SurveyButtonRedDarkSmallHoverOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
}

.SurveyButtonRedDarkSmallHoverOnly:Hover
{
    background-position: 0px -21px;
}

/*================= ALL BELOW ARE SUBMIT ONLY ===========================*/

/* ====================== BLACK ====================== */

.SurveyButtonBlackLargeSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlackLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonBlackMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlackMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonBlackSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlackSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/* ============== Blue ================ */

.SurveyButtonBlueLargeSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlueLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;   
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonBlueMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlueMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonBlueSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnBlueSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/*=============== GREEN ================*/

.SurveyButtonGreenLargeSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnGreenLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonGreenMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnGreenMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonGreenSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnGreenSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/*=============== ORANGE ================*/

.SurveyButtonOrangeLargeSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnOrangeLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonOrangeMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnOrangeMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonOrangeSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnOrangeSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/* ============= PURPLE ============== */

.SurveyButtonPurpleLargelSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnPurpleLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonPurpleMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnPurpleMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonPurpleSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnPurpleSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/* ============= RED ================ */

.SurveyButtonRedLargelSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonRedMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonRedSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/* ============= RED DARK ================ */

.SurveyButtonRedDarkLargelSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedLarge.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 180px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonRedDarkMediumSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkMedium.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 120px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

.SurveyButtonRedDarkSmallSubmitOnly
{
    background-image: url(Graphics/SurveyButtons/btnRedDarkSmall.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 64px;
    vertical-align: middle;
    color: Gray;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    background-position: 0px -42px;
    cursor: default;
}

/* OTHER STUFF SURVEY RELATED HERE */

.InviteContainer p
{
    margin-top: 8px;
    margin-bottom: 8px;
}

.InviteContainer a
{
    line-height: 135%;
}