body {
margin:0;
padding:0;
border: 0;
background: url(../images/body-bg.gif) top repeat-x #fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#444444;}

#inner {background: url(../images/inner-body-bg.gif) top repeat-x #fff;}

img {border:none;}

a:link {color:#3368AA; text-decoration: none;}
a:visited {color:#3368AA; text-decoration: none;}
a:hover {color:#3368AA; text-decoration: underline;}

h2 {font-size: 26px; color: #242424;}
h3 {font-size: 20px; font-weight: lighter;color: #121212;}
h4 {font-size: 14px; font-weight: lighter;color: #121212;}
h5 {font-size: 11px; font-weight: bold;color: #121212;}

#maincontainer {
width: 800px;
margin: 0 auto 20px auto;}

#header {
width: 800px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0px auto 0 auto;}

#logo {
float: left;
margin: 0px 0 0 0;
width: 351px;
height: 81px;}


form#login {
float: right;
background: url(../images/login-bg.gif) no-repeat;
width: 350px;
height: 71px;
padding: 0;
margin-top: 0px;}
#login h6 {padding: 0; margin: 0 0 0 10px; font-size: 11px;}
#login h6 a {color:#ffffff}
#login h5 {color:#ffffff; margin: 4px 0 0 10px; padding: 0;}
.loginput1 {
border: none;
float: left; 
width: 117px; 
height: 21px; 
margin: 0 0 0 10px;
padding: 8px 0 0 4px;
color: #666666;
background: url(../images/login-input.gif) left no-repeat;}
.loginput2 {
border: none;
float: left; 
width: 117px; 
height: 21px; 
margin: 0 0 0 8px;
padding: 8px 0 0 4px;
color: #666666;
background: url(../images/login-input.gif) left no-repeat;}
#loginbutton {
float: left;
display:block;
width:56px;
height:20px;
margin: 5px 10px 0 12px;
padding: 0;
background: url(../images/login.gif) top left no-repeat;}
#loginbutton:hover { background-position: right; }




#logedin {float: right; width: 350px; height:30px; text-align: right; margin: 8px 0 0 0;}
#logedintxt {width: 250px; height: 20px;margin-top: 3px; padding:0;}
#logoutbutton {
float: right;
display:block;
width:56px;
height:20px;
margin: 0 0 0 10px;
padding: 0;
background: url(../images/logout.gif) top left no-repeat;}
#logoutbutton:hover { background-position: right; }

#public #backbutton {
position:relative;
top: 20px;
left: 250px;
display:block;
width:56px;
height:20px;
margin: 0 0 0 10px;
padding: 0;
background: url(../images/back.gif) top left no-repeat;}
#public #backbutton:hover { background-position: right; }


#content {
width:800px;
margin: 10px auto;}

#content.admin {
	width: 900px;
}

#navcontainer
{
margin: 0 0 20px 0;
padding: 13px 0;
font-size: 20px;}

#navcontainer ul
{
display: inline;
margin: 0;
padding: 0;
list-style: none;}

#navcontainer ul li
{
display: inline;
margin: 0;}

#navcontainer ul li a
{
color: #ffffff;
background: none;
margin: 0;
text-decoration: none;
padding: 7px 20px 7px 20px;}

#navcontainer ul li a:hover {background: url(../images/navigation-bg.gif);}

#video {
border: 1px solid #4344B7;
float: left;
padding: 7px 7px 30px 7px;
margin: 0 0 0 0;
background: url(../images/video-bg.gif) repeat;}


#homepage_container {
  width: 800px;
  margin: 10px auto;
  position:relative;
}

#homepage_container #video {
  margin: 40px 0 0 0;
}
/*<<--------------// signup with rounded corners //------------------->>*/

/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */
#tlc, #trc { zoom: 1 }

#signup
	{
	float:right;
	display:inline;
	margin:0 0 0 15px;
	padding: 0;
	text-align: left;
	width: 350px;		
	background-color: #FFFFFF;
	}
#signupcontent {padding:12px; margin:0;}
#signupcontent h2 {text-align: center; color: #408EC6; margin: 3px 0 4px 0; padding: 0;}
#signupcontent h4 {text-align: center; color: #408EC6; margin: 3px 0 0 0; padding: 0; font-size: 18px;}
.signupfree {float: left; width: 70px;background: url(../images/signup-ico-1.gif) top center no-repeat; margin: 15px 40px 8px 4px;}
.takesurvey {float: left; width: 70px;background: url(../images/signup-ico-2.gif) top center no-repeat; margin: 15px 40px 8px 0;letter-spacing: -0.2em}
.getmoney {float: left; width: 70px;background: url(../images/signup-ico-3.gif) top center no-repeat; margin: 15px 0 8px 0;}
#signupcontent h3 {text-align: center; color: #408EC6; margin: 47px 0 0 0; padding: 0; line-height:20px;}
label {font-size: 12px; font-weight: bold; color:#666666;}
#signupbutton {
cursor: pointer;
border: none;
width:230px;
height:35px;
margin: 0 4px 0 0;
padding: 0;
background: url(../images/signupfree.gif) left no-repeat;}
#signupbutton:hover { background-position: right; }

#forma {
margin: 0; 
padding: 0; 
list-style: none;} 

#navcontainer ul li 
{ 
display: inline; 
margin: 0;} 

#navcontainer ul li a 
{ 
color: #ffffff; 
background: none; 
margin: 0; 
text-decoration: none; 
padding: 7px 20px 7px 20px;} 

#navcontainer ul li a:hover {background: url(../images/navigation-bg.gif);} 

#video { 
border: 1px solid #4344B7; 
float: left; 
padding: 7px 7px 30px 7px; 
margin: 0 0 0 0; 
background: url(../images/video-bg.gif) repeat;} 

#topleft { 
float: left; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
} 

#topmiddle { 
float: left; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
} 
 
#bottomleft { 
float: left; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
} 

#bottomright { 
float: right; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
} 

#bottomrightcontent { 
margin:0; 
padding:15px; 
} 


#topleftcontent { 
margin:0; 
padding:15px; 
} 

#topmiddlecontent { 
margin:0; 
padding:15px; 
} 

#bottomleftcontent { 
margin:0; 
padding:15px; 
} 

#homepage_container { 
  width: 800px; 
  margin: 10px auto; 
  position:relative; 
  
} 

#homepage_container #video { 
  margin: 40px 0 0 0; 
} 
/*<<--------------// signup with rounded corners //------------------->>*/ 

/* \*/ 
* html #tlc, * html #trc {height: 1%;} 
/* */ 
#tlc, #trc { zoom: 1 } 

#signup 
	{ 
	float:right; 
	display:inline; 
	margin:0 0 0 15px; 
	padding: 0; 
	text-align: left; 
	background-color: #FFFFFF; 
	} 
#signupcontent {padding:12px; margin:0;} 
#signupcontent h2 {text-align: center; color: #408EC6; margin: 3px 0 4px 0; padding: 0; font-size: 22px;} 
#signupcontent h4 {text-align: center; color: #408EC6; margin: 3px 0 0 0; padding: 0; font-size: 18px;} 
.signupfree {float: left; width: 70px;background: url(../images/signup-ico-1.gif) top center no-repeat; margin: 15px 40px 8px 4px;} 
.take {float: left; width: 70px;background: url(../images/signup-ico-2.gif) top center no-repeat; margin: 15px 40px 8px 0;letter-spacing: -0.2em} 
.getmoney {float: left; width: 70px;background: url(../images/signup-ico-3.gif) top center no-repeat; margin: 15px 0 8px 0;} 
#signupcontent h3 {text-align: center; color: #408EC6; margin: 47px 0 0 0; padding: 0; line-height:20px;} 
label {font-size: 12px; font-weight: bold; color:#666666;} 
#signupbutton { 
cursor: pointer; 
border: none; 
width:230px; 
height:35px; 
margin: 0 4px 0 0; 
padding: 0; 
background: url(../images/signupfree.gif) left no-repeat;} 
#signupbutton:hover { background-position: right; } 

#refer 
	{ 
	float:right; 
	display:inline; 
	margin:0 0 0 15px; 
	padding: 0; 
	text-align: left; 
	width: 350px; 
	height: 75px; 
	background-color: #FFFFFF; 
	} 
#refercontent {padding:3px 12px 0 12px; margin:0; height: 70px;} 
#refercontent p{padding: 10px 0 0 0; margin:0;} 
#refercontent h4 {text-align: left; color: #408EC6; margin: 0; padding: 12px 0 0 0;; font-size: 16px; line-height: 3px; } 
#forma { 
margin: 0; 
padding: 0; } 
#forma td { 
  text-align: right; 
} 
#surveylist { 
  float:right;
  width:350px;
	margin:0 0 0 15px; 
	padding: 0; 
	text-align: left;		 
	background-color: #ffffff;} 

#surveylist ol 
{ 
margin: 20px 0; 
padding: 0; 
} 

#surveylist li { margin: 0 0 2px 0; padding: 2px 6px; list-style-position: inside;} 

#surveylist a 
{ 
display: inline; 
color: #0376bf; 
padding: 0; 
font-weight: bold; 
text-decoration: underline; 
} 

#surveylist a:hover 
{ 
color: #0376bf; 
text-decoration: underline; 
} 

.first {background-color: #E7FFE3;} 
.second {background-color: #FCFFDB;} 

table {margin: 5px 0 0 0; padding: 0;} 
#forma label { margin: 0 18px 0 0; padding:0;} 
#forma input {float: right; width: 229px; height: 21px; margin: 7px 0 7px 0; padding: 3px 0 0 4px; background: url(../images/input-bg.gif) no-repeat; border: none; font-size: 11px; color: #555555;position:relative;right:15px;} 
#forma .genderselect {float: right; width: 233px; height: 21px; margin: 0 0 7px 0; padding: 0; background: url(../images/input-bg.gif) no-repeat; border: none;} 
#forma .date {float: left; width: 60px; height: 21px; margin: 0 18px 7px 0; padding: 0; background: url(../images/input-bg.gif) no-repeat; border: none;} 
#forma .date2 {float: left; width: 60px; height: 21px; margin: 0 26px 7px 10px; padding: 0; background: url(../images/input-bg.gif) no-repeat; border: none;} 
#forma .date3 {float: left; width: 60px; height: 21px; margin: 0 0 7px 0; padding: 0; background: url(../images/input-bg.gif) no-repeat; border: none;} 

#tlc, #trc, #blc, #brc	{background-color: transparent;	background-repeat: no-repeat;} 

/* ---=== border code follows ===--- */ 
/* 
	tlc = top left corner 
	trc = top right corner 
	blc = bottom left corner 
	brc = bottom right corner 
	lb = left border 
	rb = right border 
	tb = top border 
	bb = bottom border 
*/ 
#tlc	{background-image:url(../images/tlc.gif);background-position: 0% 0%;} 
#trc{background-image:url(../images/trc.gif);background-position: 100% 0%;} 
#blc{background-image:url(../images/blc.gif);background-position: 0% 100%;} 
#brc{background-image:url(../images/brc.gif);background-position: 100% 100%;} 
#tb, #bb{background-color: transparent;background-repeat: repeat-x;} 
#tb{background-image:url(../images/tb.gif);background-position: 0% 0%;} 
#bb{background-image:url(../images/bb.gif);background-position: 50% 100%;} 
#rb {background-image:url(../images/r.gif);background-position: 100% 0%;background-repeat: repeat-y;} 
#lb{background-color: #ffffff;background-image:url(../images/l.gif);background-position: 0% 100%;background-repeat: repeat-y;} 

#bullet_area { 
margin: 0; 
padding: 0; 
width: 100%;} 

#newsbox {width: 800px; margin:20px auto; padding: 0;} 
#newsboxcontent {width: 100%; background-color: #FCFFDB; border: 1px solid #FFFFBC; padding: 10px; margin: 0;} 
#newsboxcontent h2 {font-size: 16px; margin: 2px 0;} 
#newsboxcontent p{margin: 0; padding: 0;} 
#news1 {float: left; width: 370px; margin: 0 50px 0 0;} 
#news2 {float: left; width: 370px;margin: 0 0 0 0;} 

#textarea h3 {padding: 0; margin: 5px 0 5px 0; font-weight: bold; color: #408ec6; line-height: 3px;} 
#how {float: left; font-size: 11px; width:140px; margin-right: 18px;} 
#how p {padding-top: 8px; margin: 0;} 
.bullets { 
float: left; 
font-size: 11px;
height: 130px;
width: 140px;
background: url(../images/bullet.gif) left top no-repeat #fff; 
border-left: 1px solid #f95806;
padding-left: 44px;
margin-right: 18px;}
.last_bullet {
float: left; 
font-size: 11px;
height: 130px;
width: 140px;
background: url(../images/bullet.gif) left top no-repeat #fff; 
border-left: 1px solid #F95806;
padding-left: 44px;
margin-right: 0;}
.first_bullet {
  float: left; 
  font-size: 11px;
  height: 130px;
  width: 140px;
  margin-right: 18px;
}
#footer {
  height: 167px;
  background: url(../images/footer-bg.gif) top repeat-x #fff;
  clear:both;
  margin-top: 50px;
}
#footer p {padding: 15px 0 0 0; margin: 0;}
#footlinks {
width: 800px;
margin: 0 auto;
font-size: 11px;}

#admin_content {
  margin: 0 20px;
}

#surveylist a img {
  position: relative;
  top: 3px;
}

#account, #forgot_password, #reset_password {
  margin-bottom: 20px;
}

#forgot_password, #reset_password {
  background-color: #8CACF1;
  border: 1px solid #3580c1;
}

#account {
  background-color: #FCFFDB;
}

#forgot_password {
  width: 280px;
}

#public {
  background: #FFFFFF;
}

#passwords #content {
  padding: 15px 0 50px 0;
}

#public #content {
  padding: 0 0 5px 0;
}

#refer, #header {
  position: relative;
}

#video_title {
 font-weight:bold;
 text-align:center;
 padding:5px;
 margin:-10px 0 10px 0;
 background-color:#e7ffe3;
 border:1px solid #769989;
}


#categories {
  float:left;
  width:185px;
  border-right: 1px solid #999;
  font-size: 100%;
  line-height: 140%;
  margin: 0 0 20px 0;
}

#categories h3 {
  font-size: 120%;
  margin: -5px 0 10px 0;
}

#category_list {
}

#category_list ul {
  padding-left: 15px;
  margin: 5px 0;
}

#incentivised {
  width: 595px;
  margin: 0 0px 10px 15px;
}

.incentiviseds {
  text-align:left;
  margin:10px 0px;
  clear:left;
  height:155px;
}

.incentiviseds.row {
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
}

#incentivised.box {
  height:auto;
}

#incentivised .left {
  width:140px;
  text-align:center;
  float:left;
  clear:left;
  height:130px;
  position:relative;
  margin: 10px 0;
}

#incentivised .right {
  width: 435px;
  margin-left: 140px;
  margin:0px 0 0px 140px;
}

#incentivised.box h4 {
  margin:5px 0 10px 0;
  font-weight:bold;
}

#incentivised.box h4 a {
  color:#3074CF;
  font-size:130%;
}

#incentivised a:hover {
  color:red;
}

#incentivised img {
  width:120px;
  margin:0 auto;
  border:1px solid black;
}

.enabled-column {
  text-align:center;
}

.box {
  width: 225px;
  height: 430px;
  border: 1px solid #000;
  float:left;
  background-color: #F1F3FA;
  text-align: center;
  margin: 10px;
  position:relative;
}

.box h3 {
  background-color: #C3D9EE;
  color: #000;
  margin: 0px;
  border-bottom: 1px solid #000;
  padding: 5px;
}

.box p {
  padding: 0px 20px;
}

.box img {
  width: 150px;
  float:none;
  display:block;
  margin: 10px auto;
}

.box a {
  color: #000;
}

.box a:hover {
  color: #991B1B;
  text-decoration:none;
}

.box .button {
  border: 1px outset #999;/*none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset;*/
  background-color: #D94506;
  color: #fff;
  font-weight:bold;
  width: 150px;
  margin: 10px auto;
  position:absolute;
  bottom: 10px;
  left: 37px;
}

#incentivised.box .button {
  border: 1px outset #999;/*none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset;*/
  background-color: #D94506;
  color: #fff;
  font-weight:bold;
  width: 100px;
  padding:5px 10px;
  margin: 10px auto;
  position:absolute;
  bottom: 0px;
  left: 10px;
  text-decoration:none;
}

/* new stuff */

#column1 { 
float: left;
width: 620px;
margin: 0;
padding: 0;
}
.title {font-size: 22px; font-weight: normal; padding: 0px 0 0 0; margin: 0;}
#column1 p {padding: 0; margin: 8px 0px 4px 0;}

#after {width: 100%; text-align: center; margin-top: 20px;}
.orange {color:#FC5803; font-size: 1.4 em; font-weight: normal; line-height: 30px;}

.faq {list-style-type: decimal;}
p.answer {border-top: 1px dotted grey; padding-top: 20px}

.surveys, .questionbox { width: 580px; float: left; background-color:#FDFFDD; margin: 8px 0 4px 0; padding: 0; border: 3px solid #FFFFBC;}
.clientlogo {float: left; padding: 6px; width: 108px;}
.earnbutton {background: url(/images/earnbutton.gif) bottom no-repeat; font-size: 10px; text-align: center; margin: 4px 0 0 0; padding: 0; color:#ffffff; height: 20px; line-height: 20px;}
#column1 .earnbutton a {color: #ffffff}
.secondsurvey {width: 580px; float: left; background-color: #ffffff; margin: 8px 0 4px 0; padding: 0; border: none;}
.surveys h3 {padding: 0; margin: 6px 0; font-size: 18px;}
.secondsurvey h3 {padding: 0; margin: 6px 0; font-size: 18px;}
.surveys p {width: 460px; float: right;} .secondsurvey p {width: 460px; float: right;}
.questionbox {padding: 4px 6px; font-size:11px; }

#questiontable {
	width: 580px;
	margin: 8px auto 0 auto;
	border-collapse: collapse;
	border: 2px solid #FEFFDF;
	text-align: center;
 }
#questiontable .rowa {
	background: #FBFEB9;
	height: 20px;
	font-weight: bold;
}
#questiontable .rowb {
	background: #FEFFDF;
	height: 20px;
}
#questiontable .cell {
	padding: 4px;
	border: 2px solid #FEFFDF;
}

#column2 { 
float: right;
width: 160px;
margin: 0px 0 0 0px;
padding: 0 0 0 10px;
border-left: 1px solid #DFDFDF;
}
#column2 h4 {font-size: 16px; font-weight:normal; color: #444444; margin: 0; padding: 0;}
#column2 p {font-size: 11px;}
#column2 table {width: 160px; font-size: 11px; line-height: 12px; margin: 6 0 10px 0;}
td.tablenumber {padding: 0 0 0 20px;text-align: right}
tr.tableborder {border-bottom: 1px solid red;}

#balance { 
width:158px; 
height:38px; 
background: url(/images/account-balance.gif) top no-repeat; 
text-align: center; 
font-size: 20px; 
color: #ffffff;
padding-top: 12px;
position:relative;
left:3px;
}

#steps {width: 160px; height: 21px; background: url(/images/steps.gif) left no-repeat #ffffff; margin: 10px 0;}
.inactivestep {background: url(/images/inactivestep.gif) left no-repeat; line-height: 30px; padding: 4px 15px 5px 6px; color: #ffffff; font-weight: bold;}
.activestep {background: url(/images/activestep.gif) left no-repeat; line-height: 30px; padding: 4px 15px 5px 6px; color: #ffffff; font-weight: bold;}

#pagination {padding: 8px 6px;}

ul#paglist {margin: 0;padding: 0;list-style-type: none;white-space: nowrap;}

ul#paglist li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color: #FDFFDD;
border: 1px solid #FFFFBC;
}

#paglist a, #paglist a:link {margin: 0;padding: 5px 9px 4px 9px;color: #317AC7; text-decoration: none;}

ul#paglist li#active {color: #95bbae;background-color: #deebe5;}

#paglist a:hover {text-decoration: underline; }

#productinfo {width: 100%; margin: 10px 0; float:left;}
#productinfo img {border: 3px solid #FFFFBC; float: left; width: 200px; margin: 0 0 10px 0; }
#productlogo {background-color: #FDFFDD;border:3px solid #FFFFBC;margin-top:0; height:200px;width:200px;float:left;vertical-align:center;}

.productearning {float:right; font-size: 150%; font-weight: normal; padding: 0px 0 0 0; margin: 0;color: #242424;}

#producttable {
	width: 560px;
	float: right;
	padding: 0; margin: 0;
	border-collapse: collapse;
	border: 1px solid #FFFFBC;
	height:200px;
 }
#producttable .row1 {
	background: #FDFFDD;
	height: 22px;
}
#producttable .cell {
	padding: 0 6px;
	height: 28px;
	width: 280px;
	border: 1px solid #FFFFBC;
}

.warning {background: url(/images/warning.gif) left no-repeat #FFFFBC; padding: 4px 0 4px 22px; font-weight: bold; margin: 6px 0;}

#instructions ul {list-style-image: url(/images/bullet-small.gif); margin: 0 0 0 22px; padding:0;}
#instructions li {padding: 6px 0 4px 20px;}

.bulletedlist {list-style-image: url(/images/bullet-small.gif); margin: 0 0 0 22px; padding:0;}

.button {
float: left;
border: 1px solid #FB4103;
background: url(/images/submit.gif) repeat-y #FF5B00;
cursor: pointer;
height: 25px;
padding: 0 10px;
color: #ffffff;
font-weight: bold;
margin-top: 10px;
}

a.button {
  padding-top: 5px;
}

a:visited.button, a:link.button {
  color: #ffffff;
}

/*<<--------------// earnings tables //-------------------->>*/

#earnings1 {
	width: 750px;
	margin-bottom: 15px;
	border-collapse: collapse;
	border: 2px solid #ffffff;
 }
#earnings1 .rowa {
	background: #6DAFE3;
	height: 20px;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
}
#earnings1 .rowb {
	background: #FDE59F;
	height: 20px;
}
#earnings1 .rowc {
	background: #A8CFF0;
	height: 20px;
}
#earnings1 .cell {
	padding: 4px 8px;
	border: 2px solid #ffffff;
}

.clicked_status {height: 13px; width: 13px; background: url(/images/status-1.gif) left no-repeat; padding: 0 0 0 17px; }
.not_sent_status {height: 13px; width: 13px; background: url(/images/status-2.gif) left no-repeat; padding: 0 0 0 17px; }
.sent_status, .paid_status {height: 13px; width: 13px; background: url(/images/status-3.gif) left no-repeat; padding: 0 0 0 17px; }
.error_status {height: 13px; width: 13px; background: url(/images/status-4.gif) left no-repeat; padding: 0 0 0 17px; }

.productdetails {font-size: 16px; margin: 10px 0 0 0;}

/* my additions to new stuff */

.incent_description a {
  font-size: 100%;
  color: #444444;
}

#incentivised_show_buttons {
  height: 30px;
}

#incentivised_show_buttons .button {
  font-size: 90%;
}

#after_survey_button {
  margin-left: 20px;
}

#after_survey_button.disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
/* end new stuff */

#referer_table {
  float:right;
  margin-top: 0px;
}

#referer_table #total_text {
  font-size:22px;
  margin-right:5px;
}

#destroy_user {
  float:right;
}

#update_user {
  float:left;
}

.bottom_page_txt_container {
  text-align: center;
  background-image: url(/images/bottompage.png);
  background-repeat: repeat-x;
  margin-top: 31px;
  padding-top: 10px;
}

.buttom_page_txt {
  text-align: left;
  width: 800px;
  margin: 0 auto;
  color: #4E4E6E;
}

.buttom_page_txt h3 {
  
  color: #4E4E6E;
}