@charset "utf-8";
/* CSS Document */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
 border:0pt none;
 margin:0pt;
 padding:0pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.errorExplanation{
  border: 1px dotted #888;
 padding: 20px;
 font-size: 12px;
 width: 700px;
 margin: 0 auto;
 }

 .errorExplanation h2{
  font-size: 16px;
}

.errorExplanation ul{
  margin-left: 10px;
}

.fieldWithErrors{
 float: left;
}

.registration-form{
 margin: 0 auto;
}

table.registration-form td{
 font-size: 12px;
}

.multiple_answer, .select{
 width: 210px;
}

.autocomplete-clear {
  display: block;
  clear: left;
}

#header-wrapper{
 background: transparent url(../images/header_background.png) repeat-x;
 height: 100px;
}

#header{
 width: 840px;
 margin: 0 auto;
}

#header ul{
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 width: 600px;
}

#header-logo{
 float: left;
}

#header-menu{
 width: 450px;
 float: left;
 position: relative;
 margin-top:25px;
 text-align: center;

}
#header li{
 display: inline;
 border-right: 1px dotted #fff;
}

#header li.last{
 display: inline;
 border-right: 0px;
}

#header ul a{
 color:#c3d1e3;
 font-size:0.9em;
 font-weight:bold;
 margin-right: 10px;
 padding:0.8em;
 text-decoration:none;
}

#header img{
 border: 0px;
}

#index-page{
 margin: 0 auto;
 width: 835px;

}

#top-left{
 width: 525px;
 float: left;
}

#top-right{
 width: 305px;
 float: left;
}

#signup{
 background: url(../images/signup.gif) no-repeat;
 width: 305px;
 height: 280px;
}

#signup img{
 margin-top: 20px;
 margin-left: 20px;
 border: 0;
}

#signup p{
 margin-left: 10px;
 display: block;
 font-weight: bold;
 color: #36444e;
 text-align: center;
}

#signup p a{
 color: #5191c1;
}

#signup p a:hover{
 color: #64b2ec;
}


#tour{
 background: transparent url(../images/tour.png) no-repeat;
 width: 303px;
 height: 81px;
}

#tour a{
 text-decoration: none;
}

#tour img{
 margin-top: 20px;
 margin-left: 50px;
 border: 0px;
}

#bottom{
 width: 840px;
 float: left;
 margin-top: 10px;
}

#footer-wrapper{
 background: transparent url(../images/footer_background.png) repeat-x;
 height: 100px;
 margin-top: 10px;
}

#footer{
 color: #c3d1e3;
 font-weight: bold;
 width: 840px;
 margin: 0 auto;
 height: 20px;
 padding-top: 30px;
}

#footer ul{
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 width: 600px;
 float: left;
}

#footer li{
 display: inline;
 border-right: 1px dotted #fff;
}

#footer li.last{
 display: inline;
 border-right: 0px;
}

#footer ul a{
 color:#c3d1e3;
 font-size:0.8em;
 font-weight:bold;
 margin-right:0.8em;
 padding:0.4em;
 text-decoration:none;
}

.footer_copyright{
 float: right;
}

.clear{
 clear: both;
}

/** Survey Page **/

#survey, #survey-head, #survey-description{
 width: 840px;
 margin: 0 auto;
 margin-bottom: 10px;
 color: #36444e;
}

#survey-top{
 background: transparent url(../images/round_box_top.png) no-repeat;
 width: 839px;
 height: 16px;
}

#survey-middle{
 background-color: #f8fbfb;
 width: 832px;
 margin-top: -5px;
 border-left: 1px solid #d8d8d8;
 border-right: 1px solid #d8d8d8;
 padding-left: 5px;
}

#survey-bottom{
 background: transparent url(../images/round_box_bottom.png) no-repeat;
 width: 839px;
 height: 18px;
}

#survey-head{
 border-bottom: 1px solid #d8d8d8;
 padding-bottom: 10px;
 margin-bottom: 10px;
}

#survey-head #title{
 font-weight: bold;
  width: 600px;
  float:left;

}

#survey-head #survey-note{
 font-size: 10px;
 float: right;
 padding-top: 4px;
}

#survey-description{
 font-size: 13px;
}

form.survey fieldset{
 border-color:-moz-use-text-color -moz-use-text-color #00538B;
 border-style:none none solid;
 border-width:medium medium 0px;
 margin-bottom:0em;
 padding-left: 20px;
 padding-right: 20px;

}

form.survey label{
 color:#566d7c;
 display:block;
 float:left;
 font-size: 12px;
 text-align:right;
 width:300px;
 font-weight: bold;
 margin-right: 10px;

}

form.survey fieldset p{
 margin-top: 5px;
 margin-bottom: 10px;
 display: block;
 width: 790px;
 float:left;
}

form.survey fieldset p span{
 font-size: 13px;
 display: block;
 margin-bottom: 10px;
}

form.survey .survey_question{
 padding-top: 8px;
 padding-bottom: 8px;
 font-size: 12px;
}

form.survey .survey_question span{
 font-size: 12px;
 margin-bottom: 10px;
}

form.survey p{
 padding-top: 6px;
 padding-bottom: 6px;
 font-size: 12px;
}

form.survey p{
 font-size: 12px;
 margin-bottom: 10px;
}

form.survey fieldset h4{
 font-size: 14px;
 margin-bottom: 5px;
 color: #36444e;
}

form.survey option.prompt {
  color: #333333;
  font-style: italic;
}

input.numeric_integer,  input.numeric_float, input.dollar_question {
 width: 4em;
 border: 1px solid #888888;
 color : #000;
}

input.autocomplete, input.string, input.short_text{
 border: 1px solid #888888;
 color : #000;
}

textarea.text{
 border: 1px solid #888888;
 color : #000;
 width: 300px;
 height: 100px;
 }

 .multiple_answers{
  width: 380px;
 float: left;
 font-size: 12px;
 margin-top: -5px;
 }

 .label{
  width: 310px;
 float: left;
 }
 .answer_choice{
  width: 190px;
 float: left;
 margin-bottom: 5px;
 }

 .range_question{
  width:700px;
 float:left;
 padding-left: 100px;
 margin-bottom: 10px;
 }

 .range_option{
  float: left;
 font-size: 13px;
 }

 .question_note{
  width: 320px;
 float: right;
 margin-top: -20px;
 margin-right: 20px;
 color: #478ce5;
 }

 .mandatory{
  color: #ff0000;
 }

 .back-button{
  background: transparent url(../images/back.png) no-repeat;
 width: 80px;
 height: 30px;
 margin: 0;
 padding: 0;
 border: 0;
 }

 .next-button{
  background: transparent url(../images/next.png) no-repeat;
 width: 80px;
 height: 30px;
 margin: 0;
 padding: 0;
 border: 0;
 }

 .login-button{
  background: transparent url(../images/login.png) no-repeat;
 width: 80px;
 height: 30px;
 margin: 0;
 padding: 0;
 border: 0;
 }

 .sign-up-button{
  background: transparent url(../images/sign-up.png) no-repeat;
 width: 80px;
 height: 30px;
 margin: 0;
 padding: 0;
 border: 0;
 }
 .survey-navigation-wrapper{
  text-align: center;
  margin-top: 10px;
 }

 .currency-target{
  float: right;
  margin: -25px 300px;
 }

 .clear-both{
  clear: both;
 }

/* Added by Andrew for front page updates */
ul#FrontBullets { list-style-image:url(/images/blue_bullet_large.png); margin:0px 0px 0px 27px; padding:0px; }
ul#FrontBullets li { padding: 15px 0px 15px 13px; border-bottom:1px solid #dddddd; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:15px; width:400px;}
ul#FrontBullets li.end { border-bottom:0;}

/* Clickable signin Button */
a#signup_button, a#signup_button:link, a#signup_button:visited{
 display:block; width:261px; height:110px; text-decoration:none; background:#FFFFFF url(/images/SignUpNow_button.png) top left no-repeat; margin:0px auto;
}

a#signup_button:hover{
 background-position:bottom left;
}
p#signup_p { text-align:center; margin:0px 0px 55px 0px; padding:40px 0px 0px 0px;}

/* Quick Button - use in combination with another class*/
a.button, a.button:link, a.button:visited{
    display:block;text-decoration:none;
    background-color:transparent; background-repeat:no-repeat; background-position:top left;
    margin:0px auto;
}

a.button_inviteThemNow, a.button_inviteThemNow:link, a.button_inviteThemNow:visited{
    width:143px; height:28px;
    background-image:url('/images/button_inviteThemNow.png');
}