@charset "UTF-8";
/* CSS Document */
/* HERE IS ONLY FOR STRUCTURE AND COMPONENTS ON THE WEBSITE */
#container {
  margin-top: -35px; 
  width: 975px;
}
body {
	background-image: url(../../images/bigspot/background.png);
	background-repeat: repeat;
}
#header_home {
	height: 303px;
	background-image: url(../../images/bigspot/home_header.png);
	background-repeat: no-repeat;
}

#header_other {
	height: 303px;
	background-image: url(../../images/bigspot/other_header.png);
	background-repeat: no-repeat;
}

#header_panel {
	height: 303px;
	background-image: url(../../images/bigspot/page_panels_header.png);
	background-repeat: no-repeat;
}
#content {
	background-image: url(../../images/bigspot/container_bg.png);
	background-repeat: repeat-y;
}

#upper_border {
	background-image: url(../../images/bigspot/upper_border.png);
	background-repeat: no-repeat;

}

#lower_border {
	background-image: url(../../images/bigspot/lower_border.png);
	background-repeat: no-repeat;
	height: 43px;
}
#footer {
	height: 50px;
}
#footer_navi {
	font-family: Helvetica;
	font-size: 12px;
    font-weight: normal;
	color: #CCC;
	clear: right;
	float: left;
	height: 30px;
	width: 600px;
	margin-top: 10px;
	margin-left: 40px;
}
a.afooter {
	font-family: Helvetica;
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
}
a.afooter:hover {
	font-family: Helvetica;
	font-size: 12px;
	color: #F90;
	text-decoration: none;
}
#copyright {
	font-size: 11px;
	color: #999;
	line-height: 20px;
    padding: 0px;
}
#social-media {
	clear: right;
	float: left;
	height: 30px;
	width: 155px;
	margin-top: 10px;
	margin-left: 140px;
}
#logo {
	clear: right;
	float: left;
	height: 93px;
	width: 183px;
	margin-top: 75px;
	margin-left: 85px;
}

img {
  border: 0px;
}

#logo_panel {
	height: 93px;
	width: 183px;
	margin-top: 65px;
	margin-left: 85px;
}
#header_left {
	height: 235px;
	width: 550px;
	clear: right;
	float: left;
}
#logo_blank {
	clear: right;
	float: left;
	height: 93px;
	width: 183px;
	margin-top: 0px;
	margin-left: 85px;
}

/* HERE IS ONLY TEXT ON HOME PAGE */

#become_txt {
	height: 25px;
	width: 430px;
	float: left;
	clear: left;
	margin-top: 80px;
    
	margin-left: 73px;
	font-family: Helvetica;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
}
#header_right {
	clear: right;
	float: left;
}
#rewards_txt {
	height: 100px;
	width: 300px;
	font-family: Helvetica;
	font-size: 12px;
    font-weight: normal;
	color: #000;
	line-height: 16px;
	margin-top: 110px;
	margin-left: 40px;
}
#member_login {
	font-family: Helvetica;
	font-size: 13px;
	/*font-weight: bold;*/
	color: gray;
	height: 25px;
	width: 140px;
    margin-top: 45px;
	margin-left: 275px;
	line-height: 18px;
}
a#amember {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: normal;
	color: gray;
	text-decoration: none;
}
a#amember:hover {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: normal;
	color: #F90;
	text-decoration: none;
}
#rewards {
	font-family: Helvetica;
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	line-height: 29px;
}

/* HERE IS ONLY THE CONTENT ON THE LEFT HAND SIDE OF THE HOME PAGE */

#content_left {
	height: 620px;
	width: 500px;
	clear: right;
	float: left;
	margin-left: 41px;
}
#question1 {
	height: 130px;
	font-family: Helvetica;
	font-size: 12px;
	color: #333;
	margin-top: 30px;
}
#question2 {
	height: 100px;
	font-family: Helvetica;
	font-size: 12px;
	color: #333;
	margin-top: 30px;
}
#question3 {
	height: 90px;
	font-family: Helvetica;
	font-size: 12px;
	color: #333;
	margin-top: 30px;
}
#question4 {
	height: 120px;
	font-family: Helvetica;
	font-size: 12px;
	color: #333;
	margin-top: 30px;
}
.check_mark {
	clear: right;
	float: left;
	height: 55px;
	width: 35px;
	margin-left: 2px;
	background-repeat: no-repeat;
}
.question {
	font-family: Helvetica;
	font-size: 19px;
	font-weight: bold;
	color: #900;
	clear: right;
	float: left;
	height: 60px;
	width: 100px;
	margin-left: 15px;
	text-align: right;
	line-height: 22px;
}
.answer {
	font-family: Helvetica;
    font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	clear: right;
	float: left;
	margin-left: 15px;
	width: 320px;
}
.division {
	background-image: url(../../images/bigspot/division.png);
	background-repeat: no-repeat;
	height: 21px;
	margin-left: 2px;
}


/* HERE IS ONLY CONTENT AND FORM BOX ON THE RIGHT HAND SIDE OF THE HOME PAGE */

#content_right {
	width: 370px;
	clear: right;
	float: left;
	margin-left: 13px;
}
#form_bg {
	background-image: url(../../images/bigspot/form_bg.png);
	background-repeat: repeat-y;
	height: 40px;
}
#form {
	width: 370px;
}
#form_fields {
	font-family: Helvetica;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
	width: 300px;
	margin-top: 10px;
}
#form_text {
	width: 100px;
}
#note {
	font-family: Helvetica;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	padding-top: 0px;
}
#form_low_bg {
	background-image: url(../../images/bigspot/form_lower_bg.png);
	height: 43px;
}



/* HERE IS ONLY STYLE FOR THE SURVEY PANELS PAGES */

#welcome_text {
	font-family: Helvetica;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	height: 80px;
	width: 740px;
	margin-top: 60px;
	margin-left: 80px;
}
#welcome {
	font-size: 20px;
	color: #900;
}
#survey_container {
	width: 862px;
	margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
}
.survey_box_bg {
	background-image: url(../../images/bigspot/survey_container_bg.png);
	background-repeat: repeat-y;
}
#survey_box_top {
	background-image: url(../../images/bigspot/survey_container_top.png);
	background-repeat: no-repeat;
	height: 26px;
}
#survey_box_bottom {
	background-image: url(../../images/bigspot/survey_container_bottom.png);
	background-repeat: no-repeat;
	height: 28px;
}
#input_txt {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-align: center;
	height: 35px;
	width: 800px;
	margin-left: 35px;
	line-height: 16px;
	margin-bottom: 10px;
}
#note_survey {
	font-size: 12px;
	color: #900;
}
.suvey_boxes {
	width: 850px;
	margin-left: 10px;
}
.suvey_boxes_row {
	height: 185px;
	width: 850px;
	margin-left: 10px;
	margin-top: 5px;
}
.box {
	float: left;
	height: 185px;
	width: 274px;
	background-image: url(../../images/bigspot/survey_box.png);
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-left: 4px;
}

.researcher_logo {
	text-align: center;
	height: 60px;
	width: 210px;
	margin-top: 35px;
	margin-left: 32px;
}
.joinnow_btn {
	text-decoration: none;
	height: 52px;
	width: 136px;
	margin-top: 10px;
	margin-left: 68px;
}
#moresurvery_btn {
	height: 73px;
	width: 536px;
	margin-top: 10px;
	margin-left: 435px;
	text-decoration: none;
}

/* HERE IS OTHER PAGE FORMATS */

#content_single {
	margin-left: 41px;
	margin-right: 41px;
}

#section_title {
	height: 25px;
	width: 430px;
	float: left;
	clear: left;
	margin-top: 35px;
	padding-left: 60px;
	font-family: Helvetica;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
}

#content_para {
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
	font-family: Helvetica;
    font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

#coreg_title {
	height: 25px;
	width: 430px;
	float: left;
	clear: left;
	margin-top: 20px;
	padding-left: 60px;
	font-family: Helvetica;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
}

.red_txt {
  color: #900;
}

#new_user input[type=text]{
  width: 200px;
}
#new_user select{
  width: 205px;
}

#intro_box{
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Helvetica;
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
}

#blue_text{
  line-height: 200%;
  padding-top: 5px;
  color: #06C;
  font-size: 10pt;
}