body {
}

.ImageButton
{
    background-repeat: no-repeat;
    height: 15px;
    width: 30px;
    display: inline-block;
    outline-style: none;    
}

.ImageButton:hover
{
    background-position: 0px -15px;
}

.ImageButton:active
{
    background-position: 0px -30px;
}

.TemplateThumbnail
{
    background-repeat: no-repeat;
    height: 110px;
    width: 150px;
    display: inline-block;
    outline-style: none;
}

.TemplateThumbnail:hover
{
    background-position: 0px -110px;
}

.TemplateThumbnail:active
{
    background-position: 0px -220px;
}

.TemplateThumbnail:focus
{
    background-position: 0px -220px;
}

.ButtonPageNonActive
{
    background-image: url(Graphics/CreateSurvey/btnPageNonActive.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 32px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    _background-image: url(Graphics/CreateSurvey/btnPageNonActive.gif);
    outline-style: none;    
}

.ButtonPageNonActive:hover
{
    background-position: 0px -21px;
}

.ButtonPageNonActive:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonPageNonActive:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonMove
{
    background-image: url(Graphics/Common/btnSmallOrange.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;
    _background-image: url(Graphics/Common/btnSmallOrange.gif);
    outline-style: none;    
}

.ButtonMove:hover
{
    background-position: 0px -21px;
}

.ButtonSmallRed
{
    background-image: url(Graphics/Common/btnSmallRed.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;
    _background-image: url(Graphics/Common/btnSmallRed.gif);
    outline-style: none;    
}

.ButtonSmallRed:hover
{
    background-position: 0px -21px;
}

.ButtonSmallRed:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSmallRed:focus
{
    background-position: 0px -42px;
    color: Gray;    
}
.ButtonSmallOrange
{
    background-image: url(Graphics/Common/btnSmallOrange.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;
    _background-image: url(Graphics/Common/btnSmallOrange.gif);
    outline-style: none;    
}

.ButtonSmallOrange:hover
{
    background-position: 0px -21px;
}

.ButtonSmallOrange:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSmallOrange:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonSize0
{
    background-image: url(Graphics/Common/btnSize0.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 20px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    _background-image: url(Graphics/Common/btnSize0.gif);
    outline-style: none;    
}

.ButtonSize0:hover
{
    background-position: 0px -21px;
}

.ButtonSize0:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSize0:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonSize0Red
{
    background-image: url(Graphics/Common/btnSize0Red.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 20px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    _background-image: url(Graphics/Common/btnSize0Red.gif);
    outline-style: none;    
}

.ButtonSize0Red:hover
{
    background-position: 0px -21px;
}

.ButtonSize0Red:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSize0Red:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonSize1
{
    background-image: url(Graphics/Common/btnSize1.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 32px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    _background-image: url(Graphics/Common/btnSize1.gif);
    outline-style: none;    
}

.ButtonSize1:hover
{
    background-position: 0px -21px;
}

.ButtonSize1:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSize1:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonSize1Orange
{
    background-image: url(Graphics/Common/btnSize1Orange.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 32px;
    vertical-align: middle;
    color: Black;
    font-weight: bold;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    _background-image: url(Graphics/Common/btnSize1Orange.gif);
    outline-style: none;    
}

.ButtonSize1Orange:hover
{
    background-position: 0px -21px;
}

.ButtonSize1Orange:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSize1Orange:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonSmall, .reply a
{
    background-image: url(Graphics/Common/btnSmall.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;
    _background-image: url(Graphics/Common/btnSmall.gif);
    outline-style: none; 
    font-family: Arial;
    font-size: 9pt;
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: none !important;        
    background-color: transparent;    
}

.ButtonSmall:hover, .reply a:hover
{
    background-position: 0px -21px;
    text-decoration: none;
    color: Black;
}

.ButtonSmall:active, .reply a:active
{
    background-position: 0px -42px;
    color: Gray;
}

.ButtonSmall:focus, .reply a:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonSmallHyp
{
    background-image: url(Graphics/Common/btnSmall.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;
    _background-image: url(Graphics/Common/btnSmall.gif);
    outline-style: none;    
}

.ButtonSmallHyp:hover
{
    background-position: 0px -21px;
}

.ButtonMedium
{
    background-image: url(Graphics/Common/btnMedium.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;
    _background-image: url(Graphics/Common/btnMedium.gif);
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: none !important;        
    background-color: transparent;    
}

.ButtonMedium:hover, .SubmitForm input[type="submit"]:hover
{
    background-position: 0px -21px;
}

.ButtonMedium:active, .SubmitForm input[type="submit"]:active
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonMedium:focus, .SubmitForm input[type="submit"]:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonMediumRed
{
    background-image: url(Graphics/Common/btnMediumRed.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;
    _background-image: url(Graphics/Common/btnMediumRed.gif);
    outline-style: none;
}

.ButtonMediumRed:hover
{
    background-position: 0px -21px;
}

.ButtonMediumRed:active
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonMediumRed:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonMediumHyp
{
    background-image: url(Graphics/Common/btnMedium.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;
    _background-image: url(Graphics/Common/btnMedium.gif);
    outline-style: none;    
}

.ButtonMediumHyp:hover
{
    background-position: 0px -21px;
}

.ButtonLarge
{
    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;
    _background-image: url(Graphics/SurveyButtons/btnBlueLarge.gif);
    outline-style: none;
    font-family: Arial;
    font-size: 9pt;
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: none !important;        
    background-color: transparent;    
}

.ButtonLarge:hover
{
    background-position: 0px -21px;
}

.ButtonLarge:active
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonLarge:focus
{
    background-position: 0px -42px;
    color: Gray;    
}

.ButtonLargeHyp
{
    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;
    _background-image: url(Graphics/SurveyButtons/btnBlueLarge.gif);
    outline-style: none;    
}

.ButtonLargeHyp:hover
{
    background-position: 0px -21px;
}

.ButtonShadow {
    background-color: #fa9804;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 12pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonShadow:hover
{
    background-color:#ffae1a;
}

.ButtonShadow:active
{
    background-color:#d6d6d6;
}

.ButtonShadow:focus
{
    background-color:#d6d6d6;
}

.ButtonAddToBasket
{
    background-image: url(Graphics/ShoppingCart/btnAddToBasket.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 45px;
    vertical-align: middle;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;
}

.ButtonAddToBasket:hover
{
    background-position: 0px -21px;
}

.ButtonAddToBasket:active
{
    background-position: 0px -42px;

}

.ButtonAddToBasket:focus
{
    background-position: 0px -42px;
}

.ButtonRemoveFromBasket
{
    background-image: url(Graphics/ShoppingCart/btnRemoveFromBasket.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 45px;
    vertical-align: middle;
    padding-top: 2px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;
}

.ButtonRemoveFromBasket:hover
{
    background-position: 0px -21px;
}

.ButtonRemoveFromBasket:active
{
    background-position: 0px -42px;

}

.ButtonRemoveFromBasket:focus
{
    background-position: 0px -42px;
}

.IconStartPage
{
    background-image: url(Graphics/CreateSurvey/btnCustomPages.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconStartPage:hover
{
    background-position: 0px -90px;
}

.IconStartPageNoHover
{
    background-image: url(Graphics/CreateSurvey/btnCustomPages.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconFinishPage
{
    background-image: url(Graphics/CreateSurvey/btnEndPage.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconFinishPage:hover
{
    background-position: 0px -90px;
}

.IconFinishPageNoHover
{
    background-image: url(Graphics/CreateSurvey/btnEndPage.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconOfflinePage
{
    background-image: url(Graphics/CreateSurvey/btnOfflinePage.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconOfflinePage:hover
{
    background-position: 0px -90px;
}

.IconOfflinePageNoHover
{
    background-image: url(Graphics/CreateSurvey/btnOfflinePage.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconQuestions
{
    background-image: url(Graphics/SurveyMenuIcons/icoQuestions.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconQuestions:hover
{
    background-position: 0px -100px;
}

.IconQuestions:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconQuestions:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconQuestionsLarge
{
    background-image: url(Graphics/CreateSurvey/btnQuestions.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconQuestionsLarge:hover
{
    background-position: 0px -90px;
}

.IconAppearance
{
    background-image: url(Graphics/SurveyMenuIcons/icoAppearance.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconAppearance:hover
{
    background-position: 0px -100px;
}

.IconAppearance:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconAppearance:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconCustomPages
{
    background-image: url(Graphics/SurveyMenuIcons/icoCustomPages.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconCustomPages:hover
{
    background-position: 0px -100px;
}

.IconCustomPages:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconCustomPages:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconMySurveys
{
    background-image: url(Graphics/SurveyMenuIcons/icoMySurveys.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconMySurveys:hover
{
    background-position: 0px -100px;
}

.IconMySurveys:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconMySurveys:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconRecycleBin
{
    background-image: url(Graphics/SurveyMenuIcons/icoRecycleBin.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
    outline-style: none;
    text-decoration: none;
}

.IconRecycleBin:hover
{
    background-position: 0px -100px;
}

.IconRecycleBin:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconRecycleBin:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconRecycleBinFull
{
    background-image: url(Graphics/SurveyMenuIcons/icoRecycleBinFull.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconRecycleBinFull:hover
{
    background-position: 0px -100px;
}

.IconRecycleBinFull:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconRecycleBinFull:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconRename
{
    background-image: url(Graphics/SurveyMenuIcons/icoRename.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 80px;
    display: inline-block;    
}

.IconRename:hover
{
    background-position: 0px -100px;
}

.IconRename:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconRename:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconShareSurvey
{
    background-image: url(Graphics/SurveyMenuIcons/icoShare.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconShareSurvey:hover
{
    background-position: 0px -100px;
}

.IconShareSurvey:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconShareSurvey:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconPreview
{
    background-image: url(Graphics/SurveyMenuIcons/icoPreview.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconPreview:hover
{
    background-position: 0px -100px;
}

.IconPreview:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconPreview:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconReset
{
    background-image: url(Graphics/SurveyMenuIcons/icoReset.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconReset:hover
{
    background-position: 0px -100px;
}

.IconReset:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconReset:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconLaunch
{
    background-image: url(Graphics/SurveyMenuIcons/icoLaunch.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconLaunch:hover
{
    background-position: 0px -100px;
}

.IconLaunch:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconLaunch:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}


.IconClose
{
    background-image: url(Graphics/Common/Close.png);
    background-repeat: no-repeat;
    height: 27px;   
    width: 27px;
    display: inline-block;    
}

.IconClose:hover
{
    background-position: 0px -27px;
}

.IconClose:active
{
    background-position: 0px -54px;
    text-decoration: none;
    outline-style: none;
}

.IconClose:focus
{
    background-position: 0px -54px;
    text-decoration: none;
    outline-style: none;
}

.IconAccess
{
    background-image: url(Graphics/SurveyMenuIcons/icoAccess.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconAccess:hover
{
    background-position: 0px -100px;
}

.IconAccess:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconAccess:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconPrint
{
    background-image: url(Graphics/CreateSurvey/btnPrint.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconPrint:hover
{
    background-position: 0px -90px;
}

.IconResponses
{
    background-image: url(Graphics/SurveyMenuIcons/icoResponses.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 100px;
    display: inline-block;    
}

.IconResponses:hover
{
    background-position: 0px -100px;
}

.IconResponses:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconResponses:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconResponsesLarge
{
    background-image: url(Graphics/CreateSurvey/btnResponsesLarge.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconResponsesLarge:hover
{
    background-position: 0px -90px;
}

.IconCharting
{
    background-image: url(Graphics/SurveyMenuIcons/icoCharting.png);
    background-repeat: no-repeat;
    height: 100px;   
    width: 80px;
    display: inline-block;    
}

.IconCharting:hover
{
    background-position: 0px -100px;
}

.IconCharting:active
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconCharting:focus
{
    background-position: 0px -200px;
    text-decoration: none;
    outline-style: none;
}

.IconSitePopup
{
    background-image: url(Graphics/CreateSurvey/btnSitePopup.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconSitePopup:hover
{
    background-position: 0px -90px;
}

.IconSitePopupSmall
{
    background-image: url(Graphics/CreateSurvey/btnSitePopupSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 100px;
    display: inline-block;    
}

.IconSitePopupSmall:hover
{
    background-position: 0px -50px;
}

.IconSiteEmbed
{
    background-image: url(Graphics/CreateSurvey/btnEmbed.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconSiteEmbed:hover
{
    background-position: 0px -90px;
}

.IconSiteEmbedSmall
{
    background-image: url(Graphics/CreateSurvey/btnEmbedSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 88px;
    display: inline-block;    
}

.IconSiteEmbedSmall:hover
{
    background-position: 0px -50px;
}

.IconResponseGroupSettings
{
    background-image: url(Graphics/CreateSurvey/btnResponseGroupSettings.png);
    background-repeat: no-repeat;
    height: 80px;   
    width: 80px;
    display: inline-block;    
}

.IconResponseGroupSettings:hover
{
    background-position: 0px -120px;
}

.IconResponseGroupSettingsSmall
{
    background-image: url(Graphics/CreateSurvey/btnResponseGroupSettingsSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 50px;
    display: inline-block;    
}

.IconResponseGroupSettingsSmall:hover
{
    background-position: 0px -50px;
}

.IconDesignInvitation
{
    background-image: url(Graphics/CreateSurvey/btnDesignInvitation.png);
    background-repeat: no-repeat;
    height: 120px;   
    width: 150px;
    display: inline-block;    
}

.IconDesignInvitation:hover
{
    background-position: 0px -120px;
}

.IconDesignInvitationSmall
{
    background-image: url(Graphics/CreateSurvey/btnDesignInvitationSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 128px;
    display: inline-block;    
}

.IconDesignInvitationSmall:hover
{
    background-position: 0px -50px;
}

.IconGenerateInvitations
{
    background-image: url(Graphics/CreateSurvey/btnGenerateInvitations.png);
    background-repeat: no-repeat;
    height: 90px;   
    width: 113px;
    display: inline-block;    
}

.IconGenerateInvitations:hover
{
    background-position: 0px -90px;
}

.IconDesignReminderSmall
{
    background-image: url(Graphics/CreateSurvey/btnDesignReminderSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 128px;
    display: inline-block;    
}

.IconDesignReminderSmall:hover
{
    background-position: 0px -50px;
}

.IconViewInvitationsSmall
{
    background-image: url(Graphics/CreateSurvey/btnViewInvitationsSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 111px;
    display: inline-block;    
}

.IconViewInvitationsSmall:hover
{
    background-position: 0px -50px;
}

.IconSendInvitations
{
    background-image: url(Graphics/CreateSurvey/btnViewInvitations.png);
    background-repeat: no-repeat;
    height: 120px;   
    width: 150px;
    display: inline-block;    
}

.IconSendInvitations:hover
{
    background-position: 0px -120px;
} 

.IconSendInvitationsSmall
{
    background-image: url(Graphics/CreateSurvey/btnInvitationsSmall.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 130px;
    display: inline-block;    
}

.IconSendInvitationsSmall:hover
{
    background-position: 0px -50px;
} 

.IconViewInvitations
{
    background-image: url(Graphics/CreateSurvey/btnSendInvitations.png);
    background-repeat: no-repeat;
    height: 120px;   
    width: 150px;
    display: inline-block;    
}

.IconViewInvitations:hover
{
    background-position: 0px -120px;
}

.IconView
{
    background-image: url(Graphics/Common/btnView.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconView:hover
{
    background-position: 0px -25px;
}

.IconView:active
{
    background-position: 0px -50px;
}

.IconView:focus
{
    background-position: 0px -50px;
}


.IconMiniBasket
{
    background-image: url(Graphics/Common/btnMiniBasket.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconMiniBasket:hover
{
    background-position: 0px -25px;
}

.IconMiniBasket:active
{
    background-position: 0px -50px;
}

.IconMiniBasket:focus
{
    background-position: 0px -50px;
}

.IconEdit
{
    background-image: url(Graphics/Common/btnEdit.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconEdit:hover
{
    background-position: 0px -25px;
}

.IconEdit:active
{
    background-position: 0px -50px;
}

.IconEdit:focus
{
    background-position: 0px -50px;
}

.IconOptOut
{
    background-image: url(Graphics/Common/btnOptOut.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
}

.IconOptOut:hover
{
    background-position: 0px -25px;
}

.IconOptOut:active
{
    background-position: 0px -50px;
}

.IconOptOut:focus
{
    background-position: 0px -50px;
}

.IconOptIn
{
    background-image: url(Graphics/Common/btnOptIn.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
}

.IconOptIn:hover
{
    background-position: 0px -25px;
}

.IconOptIn:active
{
    background-position: 0px -50px;
}

.IconOptIn:focus
{
    background-position: 0px -50px;
}
.IconResponsesMini
{
    background-image: url(Graphics/Common/btnResponsesMini.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconResponsesMini:hover
{
    background-position: 0px -25px;
}

.IconResponsesMini:active
{
    background-position: 0px -50px;
}

.IconResponsesMini:focus
{
    background-position: 0px -50px;
}

.IconCopy
{
    background-image: url(Graphics/Common/btnCopy.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconCopy:hover
{
    background-position: 0px -25px;
}

.IconCopy:active
{
    background-position: 0px -50px;
}

.IconCopy:focus
{
    background-position: 0px -50px;
}

.IconDelete
{
    background-image: url(Graphics/Common/btnDelete2.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconDelete:hover
{
    background-position: 0px -25px;
}

.IconDelete:active
{
    background-position: 0px -50px;
}

.IconDelete:focus
{
    background-position: 0px -50px;
}

.IconPrintSmall
{
    background-image: url(Graphics/Common/PrintSmall.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconPrintSmall:hover
{
    background-position: 0px -25px;
}

.IconPrintSmall:active
{
    background-position: 0px -50px;
}

.IconPrintSmall:focus
{
    background-position: 0px -50px;
}

.IconEnable
{
    background-image: url(Graphics/Common/btnEnable2.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconEnable:hover
{
    background-position: 0px -25px;
}

.IconEnable:active
{
    background-position: 0px -50px;
}

.IconEnable:focus
{
    background-position: 0px -50px;
}

.IconDeleteHyp
{
    background-image: url(Graphics/Common/btnDelete2.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconDeleteHyp:hover
{
    background-position: 0px -25px;
}

.IconDeleteLarge
{
    background-image: url(Graphics/Common/btnDeleteLarge.png);
    background-repeat: no-repeat;
    height: 50px;   
    width: 50px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconDeleteLarge:hover
{
    background-position: 0px -50px;
}

.IconDeleteLarge:active
{
    background-position: 0px -100px;
}

.IconDeleteLarge:focus
{
    background-position: 0px -100px;
}

.IconDeleteSmall
{
    background-image: url(Graphics/Common/btnDeleteSmall.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    outline-style: none;
}

.IconDeleteSmall:hover
{
    background-position: 0px -20px;
}

.IconDeleteSmall:active
{
    background-position: 0px -40px;
}

.IconDeleteSmall:focus
{
    background-position: 0px -40px;
}

.IconMail
{
    background-image: url(Graphics/Common/btnMail.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconMail:hover
{
    background-position: 0px -25px;
}

.IconMail:active
{
    background-position: 0px -50px;
}

.IconMail:focus
{
    background-position: 0px -50px;
}

.IconMoveToFolder
{
    background-image: url(Graphics/Common/btnMoveToFolder.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconMoveToFolder:hover
{
    background-position: 0px -25px;
}

.IconMoveToFolder:active
{
    background-position: 0px -50px;
}

.IconMoveToFolder:focus
{
    background-position: 0px -50px;
}

.IconMultiFolders
{
    background-image: url(Graphics/Common/btnMultiFolders.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconMultiFolders:hover
{
    background-position: 0px -25px;
}

.IconMultiFolders:active
{
    background-position: 0px -50px;
}

.IconMultiFolders:focus
{
    background-position: 0px -50px;
}

.IconRecycle
{
    background-image: url(Graphics/Common/btnRecycle.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconRecycle:hover
{
    background-position: 0px -25px;
}

.IconRecycle:active
{
    background-position: 0px -50px;
}

.IconRecycle:focus
{
    background-position: 0px -50px;
}

.IconShare
{
    background-image: url(Graphics/Common/btnShare.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconShare:hover
{
    background-position: 0px -25px;
}

.IconShare:active
{
    background-position: 0px -50px;
}

.IconShare:focus
{
    background-position: 0px -50px;
}

.IconUnshare
{
    background-image: url(Graphics/Common/btnUnshare.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconUnshare:hover
{
    background-position: 0px -25px;
}

.IconUnshare:active
{
    background-position: 0px -50px;
}

.IconUnshare:focus
{
    background-position: 0px -50px;
}

.IconEditInvitation
{
    background-image: url(Graphics/Common/btnEditInvitation.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconEditInvitation:hover
{
    background-position: 0px -25px;
}

.IconEditInvitation:active
{
    background-position: 0px -50px;
}

.IconEditInvitation:focus
{
    background-position: 0px -50px;
}

.IconEditReminder
{
    background-image: url(Graphics/Common/btnEditReminder.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconEditReminder:hover
{
    background-position: 0px -25px;
}

.IconEditReminder:active
{
    background-position: 0px -50px;
}

.IconEditReminder:focus
{
    background-position: 0px -50px;
}

.IconPDFSmall
{
    background-image: url(Graphics/Common/pdficon_small.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    float: left;
    margin-top: 2px;
}

.IconPDFLarge
{
    background-image: url(Graphics/Common/pdficon_large.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
}

.IconExcelSmall
{
    background-image: url(Graphics/Common/ExcelIconSmall.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    float: left;
    display: inline-block;
}

.IconExcelLarge
{
    background-image: url(Graphics/Common/ExcelIconlarge.gif);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
}

.IconRestore
{
    background-image: url(Graphics/Common/btnRestore.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconRestore:hover
{
    background-position: 0px -25px;
}

.IconRestore:active
{
    background-position: 0px -50px;
}

.IconRestore:focus
{
    background-position: 0px -50px;
}

.IconFolder
{
    background-image: url(Graphics/Common/btnFolder.png);
    background-repeat: no-repeat;
    height: 20px;   
    width: 20px;
    display: inline-block;
    float: left;
    outline-style: none;
}

.IconFolder:hover
{
    background-position: 0px -25px;
}

.IconFolder:active
{
    background-position: 0px -50px;
}

.IconFolder:focus
{
    background-position: 0px -50px;
}

.IconChartingMini
{
    background-image: url(Graphics/Common/btnCharting.png);
    background-repeat: no-repeat;
    height: 25px;   
    width: 25px;
    display: inline-block;
    float: right;
    padding-right: 6px;
    outline-style: none;
}

.IconChartingMini:hover
{
    background-position: 0px -25px;
}

.IconChartingMini:active
{
    background-position: 0px -50px;
}

.IconChartingMini:focus
{
    background-position: 0px -50px;
}

.IconHelp
{
    background-image: url(Graphics/Common/btnHelp.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;
}

.LinkIcon
{
    background-repeat: no-repeat;
    height: 75px;
    width: 75px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    outline-style: none;
    float: left;
    margin-right: 20px;
}

.LinkIcon:hover
{
    background-position: 0px -75px;
}

.WizardIconMySurveys
{
    background-image: url(Graphics/WizardIcons/icoMySurveys.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconMySurveys:hover
{
    background-position: 0px -60px;
}

.WizardIconMySurveys:active
{
    background-position: 0px -120px;
}

.WizardIconMySurveys:focus
{
    background-position: 0px -120px;
}

.WizardIconQuestionNext
{
    background-image: url(Graphics/WizardIcons/icoQuestionsNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconQuestionNext:hover
{
    background-position: 0px -60px;
}

.WizardIconQuestionNext:active
{
    background-position: 0px -120px;
}

.WizardIconQuestionNext:focus
{
    background-position: 0px -120px;
}

.WizardIconQuestionsPrevious
{
    background-image: url(Graphics/WizardIcons/icoQuestionsPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconQuestionsPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconQuestionsPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconQuestionsPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconRenamePrevious
{
    background-image: url(Graphics/WizardIcons/icoRenamePrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconRenamePrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconRenamePrevious:active
{
    background-position: 0px -120px;
}

.WizardIconRenamePrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconAppearancePrevious
{
    background-image: url(Graphics/WizardIcons/icoAppearancePrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconAppearancePrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconAppearancePrevious:active
{
    background-position: 0px -120px;
}

.WizardIconAppearancePrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconPreviewPrevious
{
    background-image: url(Graphics/WizardIcons/icoPreviewPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconPreviewPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconPreviewPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconPreviewPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconCustomPagesPrevious
{
    background-image: url(Graphics/WizardIcons/icoCustomPagesPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconCustomPagesPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconCustomPagesPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconCustomPagesPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconSharePrevious
{
    background-image: url(Graphics/WizardIcons/icoSharePrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconSharePrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconSharePrevious:active
{
    background-position: 0px -120px;
}

.WizardIconSharePrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconLaunchPrevious
{
    background-image: url(Graphics/WizardIcons/icoLaunchPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconLaunchPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconLaunchPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconLaunchPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconResetPrevious
{
    background-image: url(Graphics/WizardIcons/icoResetPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconResetPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconResetPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconResetPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconResponsesPrevious
{
    background-image: url(Graphics/WizardIcons/icoResponsesPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconResponsesPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconResponsesPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconResponsesPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconReportsPrevious
{
    background-image: url(Graphics/WizardIcons/icoReportsPrevious.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconReportsPrevious:hover
{
    background-position: 0px -60px;
}

.WizardIconReportsPrevious:active
{
    background-position: 0px -120px;
}

.WizardIconReportsPrevious:focus
{
    background-position: 0px -120px;
}

.WizardIconAppearanceNext
{
    background-image: url(Graphics/WizardIcons/icoAppearanceNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconAppearanceNext:hover
{
    background-position: 0px -60px;
}

.WizardIconAppearanceNext:active
{
    background-position: 0px -120px;
}

.WizardIconAppearanceNext:focus
{
    background-position: 0px -120px;
}

.WizardIconPreviewNext
{
    background-image: url(Graphics/WizardIcons/icoPreviewNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconPreviewNext:hover
{
    background-position: 0px -60px;
}

.WizardIconPreviewNext:active
{
    background-position: 0px -120px;
}

.WizardIconPreviewNext:focus
{
    background-position: 0px -120px;
}

.WizardIconShareNext
{
    background-image: url(Graphics/WizardIcons/icoShareNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconShareNext:hover
{
    background-position: 0px -60px;
}

.WizardIconShareNext:active
{
    background-position: 0px -120px;
}

.WizardIconShareNext:focus
{
    background-position: 0px -120px;
}

.WizardIconLaunchNext
{
    background-image: url(Graphics/WizardIcons/icoLaunchNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconLaunchNext:hover
{
    background-position: 0px -60px;
}

.WizardIconLaunchNext:active
{
    background-position: 0px -120px;
}

.WizardIconLaunchNext:focus
{
    background-position: 0px -120px;
}

.WizardIconCustomPagesNext
{
    background-image: url(Graphics/WizardIcons/icoCustomPagesNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconCustomPagesNext:hover
{
    background-position: 0px -60px;
}

.WizardIconCustomPagesNext:active
{
    background-position: 0px -120px;
}

.WizardIconCustomPagesNext:focus
{
    background-position: 0px -120px;
}

.WizardIconAccessNext
{
    background-image: url(Graphics/WizardIcons/icoAccessNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconAccessNext:hover
{
    background-position: 0px -60px;
}

.WizardIconAccessNext:active
{
    background-position: 0px -120px;
}

.WizardIconAccessNext:focus
{
    background-position: 0px -120px;
}

.WizardIconResetNext
{
    background-image: url(Graphics/WizardIcons/icoResetNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconResetNext:hover
{
    background-position: 0px -60px;
}

.WizardIconResetNext:active
{
    background-position: 0px -120px;
}

.WizardIconResetNext:focus
{
    background-position: 0px -120px;
}

.WizardIconResponsesNext
{
    background-image: url(Graphics/WizardIcons/icoResponsesNext.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 170px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.WizardIconResponsesNext:hover
{
    background-position: 0px -60px;
}

.WizardIconResponsesNext:active
{
    background-position: 0px -120px;
}

.WizardIconResponsesNext:focus
{
    background-position: 0px -120px;
}

.ButtonDark
{
    background-color: #676767;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonDark:hover
{
    background-color:#7e7e7e;
}

.ButtonDark:active
{
    background-color:#d6d6d6;
}

.ButtonDark:focus
{
    background-color:#d6d6d6;
}

.ButtonDarkLarge
{
    background-color: #676767;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 14pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonDarkLarge:hover
{
    background-color:#7e7e7e;
}

.ButtonDarkLarge:active
{
    background-color:#d6d6d6;
}

.ButtonDarkLarge:focus
{
    background-color:#d6d6d6;
}

.ButtonBlueLarge {
    background-color: #0d9cea;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 14pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonBlueLarge:hover
{
    background-color:#22b1ff;
}

.ButtonBlueLarge:active
{
    background-color:#d6d6d6;
}

.ButtonBlueLarge:focus
{
    background-color:#d6d6d6;
}

.ButtonGreen {
    background-color: #2cd65c;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonGreen:hover
{
    background-color:#8add66;
}

.ButtonGreen:active
{
    background-color:#d6d6d6;
}

.ButtonGreen:focus
{
    background-color:#d6d6d6;
}

.ButtonGreenNoFocus {
    background-color: #2cd65c;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonGreenNoFocus:hover
{
    background-color:#8add66;
}

.ButtonGreenLarge {
    background-color: #2cd65c;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 14pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonGreenLarge:hover
{
    background-color:#8add66;
}

.ButtonGreenLarge:active
{
    background-color:#d6d6d6;
}

.ButtonGreenLarge:focus
{
    background-color:#d6d6d6;
}

.ButtonBlue {
    background-color: #0d9cea;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    font-weight: 300;
}

.ButtonBlue:hover
{
    background-color:#22b1ff;
}

.ButtonBlue:active
{
    background-color:#d6d6d6;
}

.ButtonBlue:focus
{
    background-color:#d6d6d6;
}

.ButtonBlueNoFocus {
    background-color: #0d9cea;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonBlueLight {
    background-color: #37c6ef;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonBlueLight:hover
{
    background-color:#22b1ff;
}

.ButtonBlueLight:active
{
    background-color:#d6d6d6;
}

.ButtonBlueLight:focus
{
    background-color:#d6d6d6;
}

.ButtonBlueNoFocus {
    background-color: #0d9cea;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonBlueNoFocus:hover
{
    background-color:#22b1ff;
}

.ButtonRed {
    background-color: #ff0000;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    font-weight: 300;
}

.ButtonRed:hover
{
    background-color:#ff4539;
}

.ButtonRed:active
{
    background-color:#d6d6d6;
}

.ButtonRed:focus
{
    background-color:#d6d6d6;
}

.ButtonOrange {
    background-color: #f8ab08;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    font-weight: 300;
}

.ButtonOrange:hover
{
    background-color:#ffc11e;
}

.ButtonOrange:active
{
    background-color:#d6d6d6;
}

.ButtonOrange:focus
{
    background-color:#d6d6d6;
}

.ButtonInactive
{
    background-color:#d1d1d1; 
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: default;
}

.ButtonInactiveLarge
{
    background-color:#d1d1d1; 
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 14pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: default;
}

.ButtonRegisterMenu
{
    background-image: url(/Graphics/Common/btnRegisterMenu.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 100px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;
    margin-left: -2px;
}

.ButtonRegisterMenu:hover
{
    background-position: 0px -40px;
}

.ButtonRegisterMenu:active
{
    background-position: 0px -80px;
}

.ButtonRegisterMenu:focus
{
    background-position: 0px -80px;
}

.ButtonSignOut
{
    background-image: url(/Graphics/Common/btnSignOutMenu.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 100px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;    
}

.ButtonSignOut:hover
{
    background-position: 0px -40px;
}

.ButtonSignOut:active
{
    background-position: 0px -80px;
}

.ButtonSignOut:focus
{
    background-position: 0px -80px;
}

.ButtonSplashReadMore
{
    background-image: url(/Graphics/Common/btnSplashReadMore.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 100px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;
    margin-top: 10px;
}

.ButtonSplashReadMore:hover
{
    background-position: 0px -40px;
}

.ButtonSplashReadMore:active
{
    background-position: 0px -80px;
}

.ButtonSplashReadMore:focus
{
    background-position: 0px -80px;
}

.ButtonSplashRegister
{
    background-image: url(/Graphics/Common/btnSplashRegister.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 100px;
    text-decoration: none;
    display: inline-block;
    outline-style: none;
    margin-top: 10px;
}

.ButtonSplashRegister:hover
{
    background-position: 0px -40px;
}

.ButtonSplashRegister:active
{
    background-position: 0px -80px;
}

.ButtonSplashRegister:focus
{
    background-position: 0px -80px;
}

.ButtonExpand
{
    background-image: url(Graphics/Common/btnExpand2.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    background-color: #ececec;
    transition: 0.25s;
}

.ButtonExpand:hover
{
    background-color: #ffffff;
}

.ButtonCollapse
{
    background-image: url(Graphics/Common/btnCollapse2.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    transition: 0.25s;
    background-color: #ececec;
}

.ButtonCollapse:hover
{
    background-color: #ffffff;    
}

.ButtonTab {
    background-color: #e5e5e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: black;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
}

.ButtonTab:hover
{
    background-color:#d7d7d7;
}

.Static20px {
    width: 20px;
    height: 20px;
}

.regular-checkbox:not(#old) input {
    display: none;
}


.regular-checkbox:not(#old) label {
    display: inline;
}

.regular-checkbox:not(#old) input + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
    vertical-align: middle;
}

.regular-checkbox:not(#old) input + label:active,.regular-checkbox input:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:not(#old) input:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:not(#old) input:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

.regular-radio:not(#old) input {
	display: none;
}

.regular-radio:not(#old) input + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
    vertical-align: middle;
}

.regular-radio:not(#old) input:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:not(#old) input:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio:not(#old) input + label:active, .regular-radio input:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}