@charset "utf-8";

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	background-color: #419bfc;
	background-repeat: repeat-x;
}
.oneColLiqCtr #container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}
.table {
	vertical-align: top;
	width: 950px;
	text-align: left;
	background-color: #78D700;
}
td {
	vertical-align: top;
}
.headbar {
	background-color: #74B9F1;
	vertical-align: middle;
	padding: 0px;
	text-align: center;
}
.leftbar {
	width: 150px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	background-position: 0px 0px;
	background-repeat: repeat-y;
}
.midbar {
	width: auto;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px -6px;

}
.rightbar {
	width: 150px;
	background-color: #FFFFFF;
	padding: 9px;
	text-align: center;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
.footbar {
	background-color: #DDF2F4;
	padding: 5px;
}
.ma {
	font-weight: bold;
	width: 140px;
	padding-left: 7px;
}
.mb {
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
}
.mb   a      {
	background-color: #000;
	display: block;
	color: #FF0;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.mb a:visited {
	background-color: #000;
	display: block;
	color: #FF0;
}

.mb  a:hover {
	background-color: #666;
	color: #FF0;
	text-decoration: none;
	background-position: 0px -21px;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.mblive {
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
}

.mblive a  {
	background-color: #333;
	display: block;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	color: #FF0;
	border: 2px solid #999;
}
.mblive a:visited {
	background-color: #333;
	color: #FF0;
}


a {
	text-decoration: none;
	color: #157EFF;
}
a:visited {
	color: #157EFF;
}

a:hover {
	color: #FEBA0F;
}

.pic1 {
	float: left;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.rollbutton {
	text-align: right;
	vertical-align: middle;
	float: right;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 6px;
}
.rollbutton a {
	outline: none;
}

.rb2 {
	text-align: right;
	vertical-align: middle;
	float: left;
	margin: 6px;
}

.tleft {
	float: left;
	font-size: 100%;
	color: #FFFFFF;
}
.tleft a {
	color: #FFFFFF;
}

.tright {
	float: right;
}
.details {
	float: left;
}
.dpic {
	float: right;
	padding-left: 10px;
}

.dpic    a   img {
	border: 2px solid #DDF2F4;
}
.dpic a:hover img {
	border: 2px solid #CCFF00;

}



.info {
	position: relative;
	float: right;
	left: -120px;
}




a.rollover {
	text-decoration: none;
	background-image: url(teenpaidsurveys.co.uk.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	display: block;
	height: 30px;
	width: 130px;
	vertical-align: middle;
	text-align: center;
}
a:hover.rollover {
	background-position: 0px -60px;
}
a:active.rollover {
	background-position: 0px 0px;
}

.rolly {
	height: 30px;
	width: 130px;
}

a.rolly {
	background-image: url(teenpaidsurveys.co.uk.png);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 130px;
}
a.rolly:hover  {
	background-position: 0px -30px;

}

.newsletter {
	background-color: #FFFF00;
	padding: 5px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	width: 150px;
}
.newsletter2 {
	background-color: #CCFF00;
	padding: 10px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	background-position: center;
	width: 400px;
	margin-left: 80px;
}

.banner {
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.reg {
	float: right;
	position: static;
}
.mb a:visited a:hover {
	background-color: #FEF0A5;
	color: #4B00CA;
	text-decoration: none;
}



.survey {
	border: 2px solid #E8EEFF;
}
.surveytop {
	background-color: #92BAF8;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(ipaidsurveytitle.png);
	background-repeat: repeat-y;
}
.surveymid {
	background-color: #F3F7FE;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.surveymid a {
	font-size: 10px;
}
.surveymid   a  img {
	float: right;
	margin-left: 5px;
	margin-bottom: 1px;
	margin-right: 8px;
	border: 0px solid #FFA659;
}
.surveybot {
	background-color: #E9EDFE;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-image: url(itbg.png);
	background-repeat: repeat-y;
}



.Qsurvey {
	border: 2px solid #251AFF;
}
.Qsurveytop {
	background-color: #7A9BF1;
	padding: 5px;
}
.Qsurveytopr {
	background-color: #7A9BF1;
	padding: 5px;
	text-align: right;
}

.Qsurveymid {
	background-color: #DCE2FC;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.Qsurveybot {
	background-color: #F5F5FE;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.Qsurveyrbot {
	background-color: #FFFFFF;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}
.Jsurvey {
	border: 2px solid #BB09FF;
}
.Jsurveytop {
	background-color: #B96CEC;
	padding: 5px;
	font-size: 110%;
}
.Jsurveytopr {
	background-color: #B96CEC;
	padding: 5px;
	text-align: right;
}

.Jsurveymid {
	background-color: #F2DDFB;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.Jsurveybot {
	background-color: #F1E8FD;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.Jsurveyrbot {
	background-color: #FFFFFF;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}
.Isurvey {
	border: 2px solid #E8EEFF;
}
.Isurveytop {
	background-color: #92BAF8;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(ipaidsurveytitle.png);
	background-repeat: repeat-y;
}
.Isurveytopr {
	background-color: #92BAF8;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.Isurveymid {
	background-color: #F3F7FE;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.Isurveybot {
	background-color: #E9EDFE;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-image: url(itbg.png);
	background-repeat: repeat-y;
}
.Isurveyrbot {
	background-color: #FFFFFF;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}
h2 {
	font-size: 16px;
}
h4 {
	font-size: 12px;
}
.put {
	width: 99px;
}
.tleft a:visited {
	color: #FFFFFF;
}
.style1 {
	color: #CC0000;
	font-size: 10px;
}
.newsurvey {
	color: #FF0000;
	font-weight: bold;
}
.floatright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.hotsurvey {
	color: #F60;
	font-weight: bold;
}