/*****************************
*
* Last Updated: June 23, 2008
* Author: Nai Saelee
*
*
******************************/

* { margin: 0; padding: 0; }
.center { margin: 0 auto; }

body { background: #d4f0bd; }

#container { width: 990px; background: url(images/content-bg.jpg) repeat-y; overflow: hidden; }

#header { width: 914px; height: 118px; padding: 30px 0 0 76px; background: url(images/header-bg.jpg) no-repeat top; }
	.logo { float: left; }
	.top-banner-ad { padding: 0 0 0 30px; width: 615px; height: 57px !important; float: left; line-height: 57px; overflow: hidden; }
		
	
	/************************** Trusted By Sources ***************************/
	#header ul,
	#header li { margin: 0; padding: 0; list-style: none; }
	#header ul { padding-top: 10px; height: 28px; clear: both; text-align: center; }
	#header li { padding: 0 25px 0 0; display: inline; }
	/*************************************************************************/	
	
	
#content { width: 949px; padding: 0 25px 0 26px; }


#top-wrapper { width: 764px; float: left; display: inline; }


#hp_leftnav { width: 220px; float: left; }
	#hp_leftnav h3 { width: 220px; height: 28px; background: url(images/whc_bg_col_220.gif) no-repeat; line-height: 28px; text-align: center; }
	#hp_leftnav div { width: 218px; border-left: 1px solid #ff6600; border-right: 1px solid #ff6600; border-bottom: 1px solid #ff6600; overflow: hidden; }
	#hp_leftnav div p { padding: 0 0 0 6px; }
	#hp_leftnav .projectpayday { text-align: center; border: 0; }
	
	/*************************** Newsletter From *****************************/
	#GRSubscribeForm { width: 164px; margin: 0 auto; }
	#GRSubscribeForm input { width: 160px; }
	/*************************************************************************/
	
	
	/*************************** YouTube Video *******************************/
	#hp_leftnav h3.ddg { background: url(images/whc_bg_col_220_ddg.gif) no-repeat; }
	#hp_leftnav div.ddg { border-left: 1px solid #336700; border-right: 1px solid #336700; border-bottom: 1px solid #336700; }	
	/*************************************************************************/
	

	
	
	
#hp_centernav { margin-left: 7px; width: 530px; float: left; }
	#hp_centernav ul { background: url(images/whc_bg_menu_530.gif) no-repeat; height: 28px; }
	#hp_centernav ul img { display: none; }
	#hp_centernav li { padding: 0; list-style-type: none; line-height: 28px; float: left; text-align:center !important; overflow:hidden; }
	* html #hp_centernav li { display:inline; }
	#hp_centernav li#nav_home { padding-right:2px; width:54px; }
	#hp_centernav li#nav_search { padding-right:2px; width:91px; }
	#hp_centernav li#nav_no_ad { padding-right:2px; width:143px; }
	#hp_centernav li#nav_resume { padding-right:2px; width:112px; }
	#hp_centernav li#nav_train { padding-right:2px; width:60px; }
	#hp_centernav li#nav_scams { width:60px; }

	
	#hp_centernav div { border-left: 1px solid #336700; border-right: 1px solid #336700; border-bottom: 1px solid #336700; }
	#hp_centernav #content_index,
	#hp_centernav #content_index div { border: none; }
	#hp_centernav div.red-box { border-left: 1px solid #ff0000; border-right: 1px solid #ff0000; border-bottom: 1px solid #ff0000; }

	#hp_centernav h3 { padding-left: 5px; height: 47px; background: url(images/whc_bg_header_index.gif) repeat-x; line-height: 47px; }
	#hp_centernav h3.sponsors { height: 28px; background: url(../scripts/whc_bg_header_01.gif) repeat-x; text-align: center; line-height: 28px; }
	#hp_centernav h4.jobSearch { height: 36px; background: url(images/whc_bg_hp_search5.gif) repeat-x; line-height: 36px; } /* job search input */
	#hp_centernav h4.red { margin-top: 18px; background: url(images/whc_bg_hp_search4.gif) no-repeat; line-height: 28px; text-align: center; }
	
	
	
	/************************* job search input ************************************/
	#hp_centernav h4 span.span_search { margin-left: 5px; float: left; }
	#hp_centernav h4 input.input_text { margin: 5px 3px 0 3px; padding: 2px; width: 165px !important; float: left; }
	#hp_centernav h4 input.input_submit { padding-top: 5px; float: left; }
	/*******************************************************************************/	
	
	
	/************************* job search input ************************************/
	#hp_centernav #main_breadcrumb { margin: 0; padding: 0 0 0 5px; width: 510px; background: none; border: none; overflow: auto; line-height: 20px; clear: both; }
	#hp_centernav div#main_breadcrumb li { margin: 0; padding: 5px 3px; list-style: none; float:left; }
	/*******************************************************************************/	
	
	
	/************************* inner pages content **********************************/
	#hp_centernav h3.inner-content { text-indent: 20px; text-align: justify; }	
	#hp_centernav h1 { padding: 20px 0; text-align: justify; }
	
	#hp_centernav div.inner-content { padding: 0 10px; border: none; }
	#hp_centernav div p { padding: 0 0 0 10px; }
	#hp_centernav div.inner-content ul { padding: 20px 0; height: auto; background: none; }
	#hp_centernav div.inner-content ul li { float: none; display: block; }
	/*******************************************************************************/
	
	
	
	/******** work at home articles directory (wordpress) **************************/
	#container #content #hp_centernav .inner-content h4 { margin: 30px 0 0 0; padding: 0; background-image: none !important; text-align: left; }
	#container #content #hp_centernav ul.related-posts { margin: 0; padding: 0; color: #000; }
	#container #content #hp_centernav ul.related-posts  li { margin: 0; padding: 0; color: #000; }
	/*******************************************************************************/



#hp_rightnav { width: 175px; float: left; overflow: hidden; text-align: center; display: inline; }
	#hp_rightnav div { padding: 0 10px; background: #faffee; border-left: 1px solid #336700; border-right: 1px solid #336700; border-bottom: 1px solid #336700; }
		#hp_rightnav div input { width: 135px; }
	#hp_rightnav div.lightgreen { padding: 0; text-align: left; border-left: 1px solid #669900; border-right: 1px solid #669900; border-bottom: 1px solid #669900; }
	#hp_rightnav p { background: #faffee; }
	#hp_rightnav div.lightgreen p { padding: 0 0 0 6px; }
	
	#hp_rightnav h3 { height: 28px; background: url(images/whc_bg_col_175_ddg.gif) no-repeat; text-align: center; line-height: 28px; }
	#hp_rightnav h3.lightgreen { background: url(images/whc_bg_col_175_g.gif) no-repeat; }
	

	/************************** WorkAtHomeNoScams Feed ***************************/
	#hp_rightnav .feedburnerFeedBlock { padding:0; text-align:left; border:0; }
	#hp_rightnav .feedburnerFeedBlock a { font-weight:bold; font-size:1.1em; }
	#hp_rightnav .feedburnerFeedBlock ul,
	#hp_rightnav .feedburnerFeedBlock li,
	#hp_rightnav .feedburnerFeedBlock div { margin:0; padding:0; list-style:none; border:0; }
	#hp_rightnav .feedburnerFeedBlock li { padding:7px 0; }
	/*****************************************************************************/	

	
	
#content_index { width: 530px; line-height: 1.6em; display: block; float: left; } /* hidden for now */
	#content_index h2 { padding-left: 5px; height: 47px; background: url(images/whc_bg_header_index.gif) repeat-x; line-height: 47px; }
	#content_index h4 { margin-top: 20px; padding: 0; height: auto; display: block; text-align: left; line-height: auto; }
	
	/* #content_index table { margin-left: 20px; width: 702px; } */
	/* ie6 fix * html #content_index table { width: 702px; } */
	#content_index p { padding: 0; }
	#content_index p.col_bottom { border-bottom: 1px solid #690; }
	
	#content_index ul.col_bottom { background: #fff; }
		#content_index ul.col_bottom li { padding: 0 20px; list-style-type: none; }
		#content_index #partners { height: auto !important; overflow: auto; }
		#content_index #partners li { width: 490px; }
	
	
	
#footer { margin: 0 auto; padding: 20px 11px; width: 968px; background: url(images/content-bg.jpg) repeat-y; text-align: center; line-height: 2em; clear: both; }
	#footer h2 { height: 28px; background: url(images/whc_bg_header_g.gif) repeat-x; border-top: 1px solid #360; border-bottom: 1px solid #360; line-height: 28px; }

	
/* font styles */
body { font-size: .8em; font-family: Arial, Helvetica, sans-serif; line-height: 120%; }

#header ul { font-size: .8em; }
#header ul span { font-size: 1.9em; font-family: Verdana, Helvetica, sans-serif; line-height: 24px; }

#hp_leftnav div { font-size: .85em; }

#hp_centernav li { color: #ffffcc; font-weight: bold; }
#hp_centernav #content_index li,
#hp_centernav .inner-content li { color: #ffffcc; font-weight: bold; text-align:left !important; }
#hp_centernav #main_breadcrumb li { color: #000; font-size: .85em; font-weight: bold; }

#hp_centernav h4,
#hp_rightnav h3,
#hp_leftnav h3 { color: #fff; }
#hp_centernav h3.sponsors { color: #fff; font-weight: bold; }
#hp_centernav .inner-content h4 { font-size: 1.4em; font-weight: normal; color: #000 !important; }
#hp_centernav h4.jobSearch span { font-size: 1.2em; font-weight: normal; font-family: Georgia, 'Times New Roman', serif; }
#hp_centernav #content_index h2,
#hp_centernav h3 { color: #fff; font-size: 2.6em; font-weight: normal; font-family: Georgia, 'Times New Roman', serif; }
#hp_centernav h3.sponsors { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
#footer h2 { color: #fff; font-size: 1.6em; }

#content_index h4, #hp_centernav h1 { color: black; }

#content_index div,
#content_index p,
#content_index ul.col_bottom li,
#footer { font-size: .85em; }
#hp_centernav div.red-box, #hp_rightnav { font-size: .85em; }
#hp_rightnav div h4,
#hp_leftnav h3 { font-size: 1em; }
#hp_rightnav h3 { font-size: 1.2em; }
#hp_centernav h3.inner-content { font-size: 1.6em; }
#content_index h4 { font-size: 1.2em; }
#hp_centernav div.inner-content h1 { font-weight: normal; font-size: 1.4em; }


#hp_centernav div.inner-content p,
#hp_centernav div.innercontent li { font-size: .85em; }


#hp_centernav div.inner-content h1.blue { color: blue; }


/* link styles */
a,
a:link,
a:visited,
a:hover,
a:active { color: blue; }

#header .top-banner-ad a,
#header .top-banner-ad a:link,
#header .top-banner-ad a:visited,
#header .top-banner-ad a:active { color: #336700; font-size: 1.4em; font-family: 'Arial Black', Gadget, sans-serif; font-weight: normal; text-decoration: none; }

#header ul span a,
#header ul span a:link,
#header ul span a:visited,
#header ul span a:hover,
#header ul span a:active { color: #000; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; }

#hp_leftnav a { margin: 0 0 0 5px; }

#hp_centernav li a, #hp_centernav li a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#hp_centernav li a:hover { color: #ffffcc; }

#hp_centernav #main_breadcrumb li a { color: blue; text-decoration: underline; }

#content_index div a, #content_index div a:visited { color: blue; font-size: 1.6em; }
#content_index div a:hover { color: blue; }

#content_index ul.col_bottom li a { color: blue; font-weight: bold; line-height: 2.4em; text-decoration: underline; }

#hp_centernav div.inner-content li a { color: blue; font-size: .85em; text-decoration: underline; }
#hp_centernav div.inner-content li a { color: blue; }

#footer a, #footer a:visited { font-weight: bold; }

/* misc */
img { border: 0; }
#logo img { border: 0; }

/* New Code for Whats This Link */
.what {
 float: right;
 display: inline;
 border: none !important;
}

.what * {
 border: none !important;
}

.what span {
 font-weight: normal;
 font-size: 10px;
 color: blue;
 cursor: help;
 text-align: right !important;
 float: right !important;
}

.what .what-info {
 display: none;
}

.what:hover .what-info {
 display: block;
 position: absolute;
 z-index: 99;
}

.what-info ul{
	padding: 0 !important;
	list-style: none !important;
	border: 5px solid #F76521 !important;
	background: #fff !important;
	color: #000 !important;
}

#hp_centernav .what-info ul {
 height: 200px !important;
}

.what-info ul li{
	padding: 5px 9px;
	border-bottom: 1px solid #ADDB39 !important;
  margin:0 0 5px;
 font-size: 12px;
	color: #000 !important;
font-weight: normal !important;
float: none !important;
}

.what-info a {
 font-size: 12px !important;
 color: blue !important;
}