/*Undo standard HTML*/
a img { border: 0; }
form, p, div, span, body, html, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
table { border-spacing: 0; }
:focus {-moz-outline-style: none;}

/*Standard list*/
ul { list-style-type: disc; margin: 2px 0 2px 15px; padding: 0; }
ul li { list-style-type: disc; padding: 0; }
ol { list-style-type: decimal; margin: 2px 0 2px 25px; #margin: 2px 0 2px 27px; padding: 0; }
ol li { list-style-type: decimal; padding: 0; }

body
{
	background: #efefef;
}

body, td
{ 
	padding: 0; 
	margin: 0; 
	font-family: arial;
	font-size: 13px; 
	line-height: 17px; 
	color: #5f5f5f; 
}

input, select, textarea
{
	font: 13px Arial;
	color: #5f5f5f; 
}

a,
a:hover
{ 
	color: #66c834;
	text-decoration: underline;
}

strong a,
strong  a:hover 
{ 
	color: #5f5f5f;
	text-decoration: none;
}

.clear
{
	clear: both;
}
table tr td .space
{
	margin: 7px 4px 7px 4px;
}

h1
{
	font-family: arial;
	color: #6d6d6d;
	font-size: 45px;
	line-height: 1em;
	font-weight: bold;
	overflow: hidden;
	padding: 18px 0 6px 0;
}

h2
{
	font-family: arial;
	color: #6d6d6d;
	font-size: 28px;
	line-height: 1em;
	font-weight: bold;
	overflow: hidden;
	padding: 13px 0 6px 0;
}

h3
{
	font-size:13px;
	line-height:17px;
}

h4
{
	font-family: arial;
	color: #6d6d6d;
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
	color: #66c834;
	height: 24px;
}

h5
{
	font-family: arial;
	color: #6d6d6d;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
	color: #66c834;
	padding: 0 0 3px 0;
}

.highlight
{
	color: #66c834;
}

#feedbackbtn
{
	height: 99px;
	width: 30px;
	top: 30%;
	background-image:url(../image/btn.feedback.gif);
	cursor: pointer;
	right: 0;
	overflow: hidden;
	position: fixed;
	z-index: 99;
	_position: absolute;
}
#feedbackbtn.hover
{
	background-image:url(../image/btn.feedback.hover.gif);
}

/*Top*/
#top 
{ 
	background: #393939 url(../image/bg.top.tile.gif) repeat-x bottom left; 
	height: 136px;
	overflow: hidden;
}
	#top .left
	{
		position: relative;
		background: #2b2b2b url(../image/bg.top.left.gif) no-repeat top right; 
		float: left;
		width: 50%;
		height: 134px;
		overflow: hidden;
		#width: 49.9999%;
	}
		#top .left #logo
		{
			position: absolute;
			top: 20px;
			right: 248px;
		}
	#top .right
	{
		position: relative;
		background: #353535 url(../image/bg.top.gif) no-repeat -710px 0px; 
		float: right;
		width: 50%;
		height: 134px;
	}
		#top .right #menu,
		#top .right #user
		{
			position: absolute;
			top: 50px;
			left: -63px;
			width: 500px;
		}
		#top .right #menu .colum
		{
			float: right;
			padding: 0 0 0 32px;
			white-space:nowrap;
		}
		#top .right #menu .last
		{
			padding: 0;
		}
		#top .right #menu .bg
		{
			height: 23px;
			background: url(../image/menu.bg.gif) no-repeat;
		}
		#top .right #menu .beselected
		{
			background: url(../image/menu.bg.selected.gif) no-repeat;
		}
		#top .right #menu .elem
		{
			float: left;
			text-transform: uppercase;
			padding: 0 0 0 0;
			margin: 3px 0 12px 0;
			position: relative;
			height: 21px;
			overflow: hidden;
		}
		#top .right #menu .elem a
		{
			font-size: 15px;
			font-family: arial;
			font-weight: bold;
			line-height: 1em;
			letter-spacing: -1px;
			color: #888787;
			text-decoration: none;
		}
		#top .right #menu .beselected a,
		#top .right #menu .elem a:hover
		{
			color: #fffdfd;
		}
		
/*Content*/
#content
{
	position: relative;
	top: -16px;
	margin: auto;
	width: 1020px; 
	background: url(../image/bg.content.tile.gif) repeat-y 40px 0px;
}
	#content .left
	{
		float: left;
		width: 650px;
		padding: 0 20px 0 0;
	}
	#content .right
	{
		
	}

	#content .top
	{
		width: 940px; 
		background: url(../image/bg.content.top.gif) no-repeat;
		padding: 15px 40px 0px 40px;
	}
		#content .top .content
		{
			float: left;
			width: 874px;
			padding: 0 33px 20px 32px;
			overflow: hidden;
			min-height: 355px;
		}
		#content .top .min-height
		{
			height: 340px;
			width: 1px;
			overflow: hidden;
			float: left;
		}
	#content .top .bottom
	{
		background: url(../image/bg.content.bottom.gif) no-repeat;
		height: 28px;
		width: 940px;
		clear: both;
	}
	#content .hr
	{
		padding: 0;
		margin: 8px 0 8px 0;
		height:2px;
		width: 100%;
		overflow: hidden;
		background: url(../image/hr.gif) repeat-x;
	}
	#content .path
	{
		padding: 16px 0 0 0;
		color: #9c9ea0;
		font-size: 14px;
		overflow: hidden;
		text-transform: uppercase;
	}
		#content .path a
		{
			color: #9c9ea0;
			text-decoration: none;
		}
		#content .path a:hover
		{
			color: #66c834;
		}
		#content .path span
		{
			color: #66c834;
		}
		#content .path .sep
		{
			color: #9c9ea0;
			margin: 0 3px 0 3px;
		}
		
/*Buttons*/
.button
{
	height: 35px;
	float: left;
	cursor: pointer;
	background: url(../image/btn.bg.tile.gif) repeat-x;
	position: relative;
	_width: 10px;
}
	.button .button-left
	{
		overflow: hidden;
		height: 35px;
		background: url(../image/btn.bg.left.gif) no-repeat top left;
	}
	.button .button-right
	{
		overflow: hidden;
		background: url(../image/btn.bg.right.gif) no-repeat top right;
	}
	.button a
	{
		background: url(../image/btn.arrow.gif) no-repeat 16px 12px;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		padding: 9px 21px 15px 46px;
		height: 11px;
		overflow: hidden;
		display: block;
		white-space:nowrap;
		letter-spacing: -1px;
	}
	.button a:hover
	{
		background: url(../image/btn.arrow.hover.gif) no-repeat 16px 12px;
		color: #2B2B2B;
	}

.disabled_button
{
	height: 35px;
	float: left;
	background: url(../image/btn.back.bg.tile.gif) repeat-x;
	position: relative;
	_width: 10px;
}
	.disabled_button .button-left
	{
		overflow: hidden;
		height: 35px;
		background: url(../image/btn.disabled.bg.left.gif) no-repeat top left;
	}
	.disabled_button .button-right
	{
		padding: 9px 21px 15px 46px;
		height: 11px;
		overflow: hidden;
		letter-spacing: -1px;
		background: url(../image/btn.back.bg.right.gif) no-repeat top right;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
	}
	
.back_button
{
	height: 35px;
	float: left;
	cursor: pointer;
	background: url(../image/btn.back.bg.tile.gif) repeat-x;
	position: relative;
	_width: 10px;
}
	.back_button .button-left
	{
		overflow: hidden;
		height: 35px;
		background: url(../image/btn.back.bg.left.gif) no-repeat top left;
	}
	.back_button .button-right
	{
		overflow: hidden;
		background: url(../image/btn.back.bg.right.gif) no-repeat top right;
	}
	.back_button .button-right a
	{
		background: url(../image/btn.back.arrow.gif) no-repeat 16px 12px;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		padding: 9px 21px 15px 46px;
		height: 11px;
		overflow: hidden;
		display: block;
		white-space:nowrap;
		letter-spacing: -1px;
	}
	.back_button .button-right a:hover
	{
		background: url(../image/btn.back.arrow.hover.gif) no-repeat 16px 12px;
		color: #2B2B2B;
	}
	
#content .add_button
{
	
}
	#content .add_button a
	{
		font-family: arial;
		color: #66c834;
		font-size: 12px;
		line-height: 1em;
		cursor: pointer;
		height: 17px;
		text-transform: uppercase;
		background: url(../image/btn.add.gif) no-repeat;
		padding: 5px 0 0 28px;
		display: block;
		text-decoration: none;
	}
	#content .add_button a:hover
	{
		background: url(../image/btn.add.hover.gif) no-repeat;
		color: #2B2B2B;
	}		

/*Footer*/	
#footer
{
	width: 874px;
	margin: auto;
	position: relative;
	top: -32px;
}
	#footer,
	#footer a
	{
		color: #a5a5a5;
		font-size: 10px;
		text-transform: uppercase;
		text-decoration: none;
	}
	#footer a:hover
	{
		color: #66c834;
	}
	#footer div
	{
		padding: 0 20px 0 0;
		float: left;
	}
	#footer div.right
	{
		float: right;
		padding: 0;
	}

/*Popup*/
#popup-background
{
	background:#000000;
	height:100%;
	left:0;
	opacity:0.75;
	position:absolute;
	top:0;
	width:100%;
	display: none;
	z-index:100;
	#filter: alpha(opacity=75);
}
#popup
{
	position: absolute;
	left: 100px;
	top: 10px; 
	width: 710px;
	z-index: 100;
	display: none;
	margin-bottom: 20px;
}
	
	#popup .top
	{	
		width: 100%;
	}
		#popup .top .left-bg
		{
			float: left;
			margin: 0 0 0 -10px;
			height: 10px;
			width: 10px;
			overflow: hidden;
			background: url(../image/popup.top.left.png) no-repeat;
			_position: relative;
			_left: -10px;
		}
		#popup .top .right-bg
		{
			float: right;
			margin: 0 -10px 0 0;
			height: 10px;
			width: 10px;
			overflow: hidden;
			background: url(../image/popup.top.right.png) no-repeat;
			_position: relative;
			_right: 0px;
		}
		#popup .top div
		{
			width: 100%;
			height: 10px;
			background: #FFFFFF;
			overflow: hidden;
		}
	#popup .content
	{	
		position: relative;
		width: 100%;
		margin: 0 0 0 -10px;
		padding: 0 20px 0 0;
		background: #FFFFFF;
	}
		#popup .content .close
		{
			text-decoration:underline;
			color: #66C834;
			cursor: pointer;
			position: absolute;
			top: 0px;
			right: 10px;
		}
		#popup .content .container
		{
			padding: 20px 0 20px 20px;
		}
	#popup .bottom
	{	
		width: 100%;
	}
		#popup .bottom .left-bg
		{
			float: left;
			margin: 0 0 0 -10px;
			height: 10px;
			width: 10px;
			overflow: hidden;
			background: url(../image/popup.bottom.left.png) no-repeat;
			_position: relative;
			_left: -10px;
		}
		#popup .bottom .right-bg
		{
			float: right;
			margin: 0 -10px 0 0;
			height: 10px;
			width: 10px;
			overflow: hidden;
			background: url(../image/popup.bottom.right.png) no-repeat;
			_position: relative;
			_right: 0px;
		}
		#popup .bottom div
		{
			width: 100%;
			height: 10px;
			background: #FFFFFF;
			overflow: hidden;
		}

#content .text-container
{
	width: 75%;
}
		
/*ARTICLE*/
#content .article .text
{
	padding: 0 0 24px 0;
	width: 75%;
}
#content .article .image
{
	padding: 0 0 20px 0;
}
#content .article .file
{
	padding: 0 0 20px 0;
}
#content .article .columns
{
	padding: 0 0 20px 0;
	width: 75%;
}
	#content .article .columns .column .text
	{
		width: 100%;
	}
	#content .article .columns .column
	{
		width: 205px;
		padding: 0 20px 0 0;
		float: left;
	}
	#content .article .columns .last
	{
		padding: 0 0 0 0;
	}

/*SIGNUP*/
.signup
{
	padding: 20px 0 0 0;
}
	.signup .input,
	.signup .zipcode,
	.login .input,
	.recommend .input,
	.forgot .input
	{
		width: 199px;
		border: 1px solid #A5ACB2;
		padding: 1px 1px 1px 1px;
		margin: 0;
	}
	
	.signup #feedback_text
	{
		width: 399px;
	}
	
	.signup .padding
	{
		padding: 6px 0 6px 0;
	}

	.signup .zipcode
	{
		width: 61px;
	}

	.signup select
	{
		width: 65px;
	}
	.signup select.large
	{
		width: 203px;
	}

	.signup td,
	.login td,
	.recommend td,
	.forgot td
	{
		height: 33px;
	}
	
	#other_reference_container.hidden,
	#other_marital_status_container.hidden,
	#other_education_container.hidden,
	#other_residental_status_container.hidden,
	#other_residental_type_container.hidden,
	#payout_information.hidden ,
	#payoutbutton_bank.hidden,
	#payoutbutton_red_cross.hidden
	{
		display: none;
	}
	
	#content .share
	{
		padding: 15px 0 15px 0;
	}
		#content .share a.twitter
		{
			background: url(../image/twitter.gif) no-repeat;
			height: 15px;
			color: #00deee;
			padding: 0 0 0 20px;
		}
		#content .share a.facebook
		{
			background: url(../image/facebook.gif) no-repeat;
			height: 15px;
			color: #3b5998;
			padding: 0 0 0 20px;
		}
	#share_msg
	{
		display: none;
		color:#66C834;
		padding: 0 0 20px 0;
	}
	.signup input.error,
	.signup textarea.error
	{
		border: 1px solid #66c834;
	}
	.signup .msg
	{
		color: #66c834;
	}
	.signup .floatleft
	{
		float: left;
		padding-bottom: 10px;
		padding-right: 17px;
	}
	
/*Dialog*/
.dialog
{
	margin: 0 0 20px 0;
	position: relative;
	width: 100%;
	color: #353535;
}
	.dialog .text
	{
		background: #FFFFFF url(../image/bg.dialog.gif) repeat-x;
		border: 1px solid #66c834;
		padding: 20px 50px 20px 20px;
	}
		.dialog .text h3
		{
			color: #353535;
		}
	.dialog .id
	{
		display: none;
	}
	.dialog .remove
	{
		top: 18px;
		right: 20px;
		position: absolute;
		cursor: pointer;
		padding: 2px 5px 2px 5px;
		text-decoration:underline;
	}
	.dialog .hover
	{
		background: #66c834;
		color: #FFFFFF;
	}

/*EDIT USER*/
#payout_types div
{
	padding: 0 0 5px 0;
}
#payout_types input
{
	margin: 0;
	margin-right: 5px;
}
#payout_types label
{
	position: relative;
	top: -2px;
}

/*ME*/
#check_if_user_has_answered
{
	color: #000000;
	margin: 20px 0 20px 0;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF; 
}
#check_if_user_has_answered.done,
#check_if_user_has_answered.done a
{
	color: #FFFFFF;
	background-color: #DA3B3B;
}
#change_payment .min_payout
{
	padding: 10px 0 0 10px;
	float: left;
	width: 500px;
}
.cufon-loading
{
   visibility: hidden !important;
}
#socialplugin
{
	position: absolute;
	top: 183px;
	right: 73px;
	overflow:hidden; 
	width:326px; 
	height:237px;
}
	#socialplugin iframe
	{
		top: -13px;
		left: -10px;
		position: relative;
		border:none; 
		overflow:hidden; 
		width:350px; 
		height:255px;
	}