body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #000;
}

div {
    display: block;
}

h1, h2, h3 {
    padding:0;
    margin:0;
}

#errorMessage {
    color: #b94a48;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input {
    border: 1px solid #333;
    background: #FFF;
    padding: 1px;
    display: inline;
    font-size: 14px;
}
textarea {
    width: 80%;
}

button.btnSys, a.btnSys { 
    background-color: #c0c0c0;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    font-family: inherit;
}

button.btnSys:hover, a.btnSys:hover {
    background-color: #fff;
    background-image: none;
}

button.btn, a.btn {
    background-color: #428bca;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    font-family: inherit;
}

button.btn:hover, a.btn:hover {
    background-color: #3276b1;
    background-image: none;
}

/******************/
/******************/

div#SurveyLogo, div#SurveyHeader, div#PageHeader, div#PageQuestions, div#Navigation, div#InnerAd, div#OutterAd {
    clear: both;
    padding: 0;
    margin: 0;
    overflow: auto;
    padding: 15px;
}
div#FooterHTML, div#HeaderHTML {
    clear: both;
    padding: 0;
    margin: 0;
    overflow: auto;
}

/******************/
/******************/

div#SurveyLogo, div#SurveyHeader {
/*    background-color: #fff;*/
}
div#SurveyLogo img {
    
}
div#SurveyHeader h1 {
    float: left;
    font-size: 18px;
}
div#SurveyHeader a {
    float: right;
}

/******************/

div#PageHeader {
/*    background-color: #fff;*/
}
div#PageHeader h2 {
    font-size: 18px;
}
div#PageHeader p {    
    font-size: 16px;
}

/******************/

div#Survey { padding-top:42px; }

/*div#ProgressBarContainer {
    margin: 10px 30px 10px 30px;
}
div#ProgressBarContainer table {
    height: 30px;
}
td#PBLeft {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 12px;
}
td#PBRight {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 12px;
}
*/
td.pullCenter {
    text-align: center;
}
#ToolBox { min-height:30px;background:#000;padding:5px;box-shadow: 0 0 3px rgba(85, 85, 85, 1); position:fixed; height: auto; width:100%;height: 30px; overflow: hidden; }
#PInfo { width: 125px; color:#fff; }
#PP { width: 125px; background:grey; border-radius: 2px; }
td#PBCenter {
    border: 1px solid #000;
}
div#ProgressBarContainer { width: 125px; float:right; padding-top:2px;}
.spacer { width:10px; height: 20px; float:right; }

div.ProgressBarArea {
    background:#fff;
    height: 6px;
    margin: 0px;
    border-radius: 2px;
}

/******************/

div#PageQuestions {
    
}

div.Question {
    padding-bottom: 30px;
}
div.QuestionHeader {
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
}
div.QuestionBody {
    font-size: 14px;
}
span.RequiredSign {
    font-weight: bold;
    font-size: 24px;
}
div.QuestionHeader.RequiredSign {
    font-weight: bold;
}
div.QuestionRequired {
    color: #b94a48;
}
/*, div.QuestionBody tr:hover */
tr.Answer:hover {
    background: #F0F0F0;
}

/******************/

div#Navigation, div#InnerAd, div#OutterAd {
    text-align: center;
}

div#InnerAd a {
    color: #b94a48;
    text-decoration: none;
}
div#InnerAd a:hover {
    color: #b94a48;
    text-decoration: none;
    border-bottom: 1px dashed #b94a48;
}

/* ########################################################################## */
/* BlackAndWhiteTheme */
/*
body.BlackAndWhiteTheme div#SurveyLogo, body.BlackAndWhiteTheme div#SurveyHeader, body.BlackAndWhiteTheme div#PageHeader {
    background-color: #000;
}
body.BlackAndWhiteTheme div#SurveyHeader h1, body.BlackAndWhiteTheme div#PageHeader h2, body.BlackAndWhiteTheme div#PageHeader p {
    color: #fff;
}*/

/* ########################################################################## */
/* LightTheme */

/*
body.LightTheme {
    background: #fff;
}
body.LightTheme div#SurveyLogo, body.LightTheme div#SurveyHeader {
    background-color: #ccc;
}
body.LightTheme div#PageHeader {
    background-color: #ccc;
}
body.LightTheme div.QuestionRequired {
    color: #BD1550;
}
body.LightTheme div.ProgressBarArea {
    background-color: #ccc;
}
body.LightTheme div#PageQuestions, body.LightTheme div#ProgressBarContainer {
    color: #222222;
}
body.LightTheme div#SurveyHeader h1, body.LightTheme div#PageHeader h2, body.LightTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 WasabiTheme 

body.WasabiTheme {
    background: #fff;
}
body.WasabiTheme div#SurveyLogo, body.WasabiTheme div#SurveyHeader {
    background-color: #AFD76B;
}
body.WasabiTheme div#PageHeader {
    background-color: #AFD76B;
}
body.WasabiTheme div.QuestionRequired {
    color: #BD1550;
}
body.WasabiTheme div.ProgressBarArea {
    background-color: #AFD76B;
}
body.WasabiTheme div#PageQuestions, body.WasabiTheme div#ProgressBarContainer {
    color: #222222;
}
body.WasabiTheme div#SurveyHeader h1, body.WasabiTheme div#PageHeader h2, body.WasabiTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 TwilightTheme 

body.TwilightTheme {
    background: #fff;
}
body.TwilightTheme div#SurveyLogo, body.TwilightTheme div#SurveyHeader {
    background-color: #55688A;
}
body.TwilightTheme div#PageHeader {
    background-color: #55688A;
}
body.TwilightTheme div.QuestionRequired {
    color: #BD1550;
}
body.TwilightTheme div.ProgressBarArea {
    background-color: #55688A;
}
body.TwilightTheme div#PageQuestions, body.TwilightTheme div#ProgressBarContainer {
    color: #222222;
}
body.TwilightTheme div#SurveyHeader h1, body.TwilightTheme div#PageHeader h2, body.TwilightTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 MintTheme 

body.MintTheme {
    background: #fff;
}
body.MintTheme div#SurveyLogo, body.MintTheme div#SurveyHeader {
    background-color: #DDF0E4;
}
body.MintTheme div#PageHeader {
    background-color: #DDF0E4;
}
body.MintTheme div.QuestionRequired {
    color: #BD1550;
}
body.MintTheme div.ProgressBarArea {
    background-color: #DDF0E4;
}
body.MintTheme div#PageQuestions, body.MintTheme div#ProgressBarContainer {
    color: #222222;
}
body.MintTheme div#SurveyHeader h1, body.MintTheme div#PageHeader h2, body.MintTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 SkyTheme 

body.SkyTheme {
    background: #fff;
}
body.SkyTheme div#SurveyLogo, body.SkyTheme div#SurveyHeader {
    background-color: #B2D5EE;
}
body.SkyTheme div#PageHeader {
    background-color: #B2D5EE;
}
body.SkyTheme div.QuestionRequired {
    color: #BD1550;
}
body.SkyTheme div.ProgressBarArea {
    background-color: #B2D5EE;
}
body.SkyTheme div#PageQuestions, body.SkyTheme div#ProgressBarContainer {
    color: #222222;
}
body.SkyTheme div#SurveyHeader h1, body.SkyTheme div#PageHeader h2, body.SkyTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 LavenderTheme 

body.LavenderTheme {
    background: #fff;
}
body.LavenderTheme div#SurveyLogo, body.LavenderTheme div#SurveyHeader {
    background-color: #CAB6EB;
}
body.LavenderTheme div#PageHeader {
    background-color: #CAB6EB;
}
body.LavenderTheme div.QuestionRequired {
    color: #BD1550;
}
body.LavenderTheme div.ProgressBarArea {
    background-color: #CAB6EB;
}
body.LavenderTheme div#PageQuestions, body.LavenderTheme div#ProgressBarContainer {
    color: #222222;
}
body.LavenderTheme div#SurveyHeader h1, body.LavenderTheme div#PageHeader h2, body.LavenderTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 OrangeTheme 

body.OrangeTheme {
    background: #fff;
}
body.OrangeTheme div#SurveyLogo, body.OrangeTheme div#SurveyHeader {
    background-color: #F38630;
}
body.OrangeTheme div#PageHeader {
    background-color: #F38630;
}
body.OrangeTheme div.QuestionRequired {
    color: #BD1550;
}
body.OrangeTheme div.ProgressBarArea {
    background-color: #F38630;
}
body.OrangeTheme div#PageQuestions, body.OrangeTheme div#ProgressBarContainer {
    color: #222222;
}
body.OrangeTheme div#SurveyHeader h1, body.OrangeTheme div#PageHeader h2, body.OrangeTheme div#PageHeader p {
    color: #fff;
}

 ########################################################################## 
 EmeraldTheme 

body.EmeraldTheme {
    background: #fff;
}
body.EmeraldTheme div#SurveyLogo, body.EmeraldTheme div#SurveyHeader {
    background-color: #21803F;
}
body.EmeraldTheme div#PageHeader {
    background-color: #21803F;
}
body.EmeraldTheme div.QuestionRequired {
    color: #BD1550;
}
body.EmeraldTheme div.ProgressBarArea {
    background-color: #21803F;
}
body.EmeraldTheme div#PageQuestions, body.EmeraldTheme div#ProgressBarContainer {
    color: #222222;
}
body.EmeraldTheme div#SurveyHeader h1, body.EmeraldTheme div#PageHeader h2, body.EmeraldTheme div#PageHeader p {
    color: #fff;
}
*/


@media (max-width: 480px) {
    #TestLabel{display:none;  }
    a#ShareTwitter {display:none;  }
    a#ShareFacebook {display:none;  }
    a#ShareGooglePlus {display:none;  }
}

ul.buckedIn { border: 1px dashed #000; min-height: 60px; }
ul.buckedOut { border: 1px dashed #000; min-height: 60px; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:none; background: #F0F0F0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { cursor: move; }

#SurveyAds { text-align: center;}
#SurveyAds img {border:2px solid #fff;padding:20px; }


div#SurveyInner { margin-top: 30px; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.5);}

@media (min-width: 980px) { 
    div#Survey { width: 980px; margin: 0 auto; }
}


div.QuestionDescription { color: #6B6B6B; font-size:13px;}


/*
input { 
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    
}*/

div.ValidationFailed { border: 2px #b94a48 solid; padding-left: 1px; padding-top: 1px; padding-right: 1px; margin-bottom: 1px; border-radius: 2px; }