/* ================ JCOC.NET PRIMARY STRUCTURE ================ */

body    {background-color:#004869;}

/* @structure defaults ============================= */

#wrapper {text-align:center;}

	.container {width:1000px;margin:0px auto;text-align:left;}

/* @nav */

#band_nav     {height:33px;background:#004869 url(../images/bg_nav.gif) no-repeat top center;}

	#band_nav .container  {position:relative;}
	
	#facebookbutton  {position:absolute;top:44px;left:0px;color:#004869;}
	
	#index #facebookbutton  {position:absolute;top:38px;left:0px;color:#004869;}
	
		#band_nav .container a.logo  {text-indent:-9999px;display:block;height:33px;width:338px;background:url(../images/logo_jcoc_large.gif) no-repeat center 10px;}
		
		#band_nav .container .links {width:630px;float:right;text-align:right;background:url(../images/links_2009.gif) no-repeat 55px 10px;}
		#band_nav .container .links a {text-indent:-9999px;text-align:left;display:block;height:33px;float:right;}
		#band_nav .container .links a:hover {border-bottom:3px solid #fff;height:30px;}
		
		.link_home        {width:46px;}
		.link_signup      {width:82px;}
		.link_past        {width:91px;}
		.link_current     {width:101px;}
/*		.link_newsletters {width:91px;}*/
		.link_refer       {width:105px;}
		.link_contact     {width:79px;}
		.link_login       {width:54px;}

/* @body */

#band_body    {background:#fff url(../images/bg_band_body.gif) repeat-x bottom left;padding-bottom:25px;}

	#band_body .container {min-height:342px;}

/* @winners */

#band_winners {background:#5aabc9 url(../images/bg_band_winners.gif) repeat-x top left;}

	#band_winners .container {}
	
	.winners {padding-bottom:20px;}
		
/*		.winner_tab 
		{position:relative;top:-16px;left:15px;height:45px;background:url(../images/tab_latest_winners.gif) no-repeat top left;text-indent:-9999px;}
	
		.winner_listing_01, .winner_listing_02
		{float:left;margin:0px;width:455px;padding:0px 22px;}
		
		.winner_listing_01
		{background:url(../images/winner_div.gif) no-repeat top right;}
		
			.winners .winner_photo {float:left;margin:0px 10px 10px 0px;}
		
			.winners .name {color:#003750;font-size:17px;margin:0px;}
			
			.winners .loc  {color:#fff;font-size:10px;text-transform:uppercase;margin:0px 0px 10px;}
			
			.winners .desc {color:#003750;}
			
			.winners .quote {font-style:italic;}*/
			
			
/* PREVIOUS WITH 4 WINNERS LISTED*/

		.winner_tab 
		{position:relative;top:-16px;left:15px;height:45px;background:url(../images/tab_latest_winners.gif) no-repeat top left;text-indent:-9999px;}
	
		.winner_listing_01, .winner_listing_02, .winner_listing_03, .winner_listing_04
		{float:left;margin:0px;width:206px;padding:0px 22px;}
		
		.winner_listing_01, .winner_listing_02, .winner_listing_03
		{background:url(../images/winner_div.gif) no-repeat top right;}
		
		/*index*/.winner_listing_01_index{float:left;margin:0px;width:245px;padding:0px 22px;}
		
		/*index*/.winner_listing_02_index, .winner_listing_03_index, .winner_listing_04_index
		{float:left;margin:0px;width:193px;padding:0px 22px;}
		
		/*index*/.winner_listing_01_index, .winner_listing_02_index, .winner_listing_03_index
		{background:url(../images/winner_div.gif) no-repeat top right;}
		
			.winners .winner_photo {float:left;margin:0px 10px 10px 0px;}
		
			.winners .name {color:#003750;font-size:17px;margin:0px;}
			
			.winners .loc  {color:#fff;font-size:10px;text-transform:uppercase;margin:0px 0px 10px;}

			.winners .desc {color:#003750;}
			
			.winners .quote {font-style:italic;}

	
		.ads      {margin:0px;padding:25px 0px;background:url(../images/bg_ads.gif) no-repeat bottom center;}
		
			.ad_right {float:right;width:468px;height:60px;}
			.ad_left  {float:left;width:468px;height:60px;}
			
			.ad_right img, .ad_left img {border:none;}

/* @footer */

#band_footer  {}

	#band_footer .container  {background:url(../images/bg_footer.gif) no-repeat top center;}
	
	.foot_row_01, .foot_row_02, .foot_row_01 a, .foot_row_02 a {color:#fff;padding:10px 0px;font-size:10px;text-transform:uppercase;text-decoration:none;}
	
	.foot_row_01 a:hover, .foot_row_02 a:hover {text-decoration:underline;} 	
	
	.foot_row_01, .foot_row_02  {}
	
		.foot_row_01 a {margin-right:26px;}
		.foot_row_01 a.last {margin-right:0px;} 
		
		.foot_row_02 a {margin-left:42px;}
	
		.foot_row_02 .copy {float:left;width:468px;}
		
			.foot_row_02 .copy span {margin-right:15px;}
		
		.foot_row_02 .policy {float:right;text-align:right;width:468px;}
		
			.foot_row_02 .policy span {margin-left:15px;}



/* @index specifically ============================= */

#index {}

#index #band_body .container {background:url(../images/bg_index_spash.jpg) no-repeat top left;}

	.index_header {position:relative;top:30px;left:24px;display:block;height:153px;width:378px;text-align:center;background:url(../images/bg_take_survey_win.gif) no-repeat top left;border:none;text-indent:-9999px;}
	
	.right_text {float:right;width:520px;height:250px;margin-top:88px;}
	
		.intro {width:225px;}
		
		.intro strong {padding-left:75px;}

#index .field_name
{border:none;width:180px;padding:1px;position:relative;left:24px;top:114px;border:none;}
#index .field_email
{border:none;width:180px;padding:1px;position:relative;left:44px;top:114px;border:none;}

#members_page_login .field_email
{border:none;width:180px;padding:5px;left:24px;top:114px;border:2px solid #156582;}
#members_page_login .field_password
{border:none;width:180px;padding:5px;left:44px;top:114px;border:2px solid #156582;}

.button_get_started {position:relative;top:130px;left:297px;display:block;height:35px;width:118px;text-align:center;background:url(../images/bg_button_get_started.gif) no-repeat top left;border:none;text-indent:-9999px;}

.field_password
{border:none;width:180px;padding:1px;border:none;}
.field_email
{border:none;width:180px;padding:1px;border:none;}
.button_login { margin-top:15px;display:block;height:35px;width:118px;text-align:center;background:url(../images/bg_button_get_started.gif) no-repeat top left;border:none;text-indent:-9999px;}

#index .intro a {font-weight:bold;}



/* @subpages specifically ========================== */

#sub   {}

#sub #band_body .container {width:960px;padding:17px 20px 0px;background:url(../images/bg_container_sub.gif) no-repeat top left} /* needs white bg with subpage glow section aligned top */


/* @refer friends */

div.refer_fields {margin-top:25px;}

div.refer_fields input {padding:20px 9px 9px 7px;border:none;margin-right:20px;}

	div.refer_fields input.youremail {margin-bottom:25px;background:url(../images/bg_youremail.gif) no-repeat top left;} 

	div.refer_fields input.email_refer_01 {background:url(../images/bg_refer_email01.gif) no-repeat top left;}
	div.refer_fields input.email_refer_02 {background:url(../images/bg_refer_email02.gif) no-repeat top left;}
	div.refer_fields input.email_refer_03 {background:url(../images/bg_refer_email03.gif) no-repeat top left;}
	div.refer_fields input.email_refer_04 {background:url(../images/bg_refer_email04.gif) no-repeat top left;}
	div.refer_fields input.email_refer_05 {background:url(../images/bg_refer_email05.gif) no-repeat top left;}
	
/* @link_buttons */

a.link_button       {display:block;height:35px;padding:3px 5px;text-indent:-9999px;margin:15px 0px;}
a:hover.link_button {}

a.buttonSend {width:118px;background:url(../images/bg_button_send.gif) no-repeat top left;}

a.buttonSignup {width:118px;background:url(../images/bg_button_signup.gif) no-repeat top left;}

a.buttonSubmit {width:118px;background:url(../images/bg_button_submit.gif) no-repeat top left;}

a.buttonLogin {width:118px;background:url(../images/bg_button_login.gif) no-repeat top left;}

/* @newsletter */

div.newsletter_display {border:1px solid #66CCFF;background-color:#fff;padding:15px;}

div.newsletter_menu {margin:5px 0px;font-size:10px;}

/* @free signup */

#free_signup_form {margin:30px 0px 160px;float:left;border-right:1px solid #ccc;width:390px;margin-right:30px;}

	#free_signup_form div {margin-bottom:5px;float:left;width:190px;}

	#free_signup_form input, #free_signup_form label {display:block;}
	
	#free_signup_form input, #free_signup_form select {padding:4px;border:2px solid #156582;}
	
#free_signup_text {margin-top:45px;}

/* update demographic */

#update_demographic {margin:30px 0px 0px;float:left;width:500px;margin-right:30px;}

	#update_demographic div {margin-bottom:5px;float:left;width:190px;}

	#update_demographic input, #update_demographic label {display:block;}
	
	#update_demographic input {padding:4px;border:2px solid #156582;}

/* @past winners page */

#recent_winners_list {}

	#recent_winners_list div {height:125px;float:left;width:445px;margin:0px 10px 10px 0px;border:1px solid #ccc;padding:10px;background-color:#fff;}
	
	#recent_winners_list div img {float:left;margin:0px 10px 10px 0px;}
	
	#recent_winners_list div p {margin:0px 0px 10px;}
	
	#recent_winners_list div span {color:#5aabc9;}
	
	#recent_winners_list div span.winnings {display:block;margin:8px 0px;color:#60acc8;font-style:italic;}
	
	#recent_winners_list div span.description {display:block;color:#176481;}

#past_winners_list {}

	#past_winners_list div {height:40px;float:left;width:445px;margin:0px 10px 10px 0px;border:1px solid #ccc;padding:10px;background-color:#fff;}
	
	#past_winners_list div img {float:left;margin:0px 10px 10px 0px;}
	
	#past_winners_list div p {margin:0px;}
	
	#past_winners_list div span {color:#5aabc9;}
	
/* @current prizes (shell/component/insert.prizes.php) */

#current_prizes {margin-bottom:10px;}

	#current_prizes h2 {margin-bottom:15px;}
	
	#current_prizes h3 {margin-bottom:2px;}
	
	.prize_listing {float:left;width:450px;height:240px;margin-right:25px;}
	
		.prize_photo   {float:left;width:150px;margin-right:13px;}
		
			.prize_photo img {border:1px solid #ccc;}
		
		.prize_content {float:left;width:285px;}
		
/* @members_navigation */

#members_navigation {width:200px;float:right;margin:40px 0px 25px 25px;}

	#members_navigation a {display:block;width:180px;padding:7px 10px;text-decoration:none;border-bottom:1px dashed #cae2f3;}
	
	#members_navigation a:hover {border:1px solid #cae2f3;background-color:#e0f5ff;padding:6px 9px 7px 9px;}
	
	#members_navigation h3 {margin-bottom:10px;border-bottom:1px solid #cae2f3;}
	
/* *@my account */

.account_box_1, .account_box_2, .account_box_3 {width:220px;height:110px;float:left;margin-top:20px;}

.account_box_1, .account_box_2 {border-right:1px solid #a8d6eb;padding:0px 10px 0px 0px;margin-right:10px;}

.coupon_box {width:210px;height:210px;float:left;margin:10px 26px 0px 0px;border:1px solid #ccc;background-color:#fff;}
	
/* @my account - studies */

#study_listings {width:725px;border:none;}

	#study_listings td {border-bottom:1px solid #cae2f3;padding:6px;}
	
		#study_listings td.col_01 {width:140px;}
		#study_listings td.col_02 {}

	#study_listings tr.label_row td {font-weight:bold;border-bottom:2px solid #cae2f3;}
	
/* @my account - referrals */

#referral_listings {width:725px;border:none;}

	#referral_listings td {border-bottom:1px solid #cae2f3;padding:6px;}
	
	#referral_listings tr.refer_joined td {background-color:#c8e9c2;color:#2d711f;}
	
		#referral_listings td.col_01 {width:140px;}
		#referral_listings td.col_02 {}
		#referral_listings td.col_03 {width:150px;}

	#referral_listings tr.label_row td {font-weight:bold;border-bottom:2px solid #cae2f3;}
	
	#referral_total {padding:3px 4px 15px;}
	
		#referral_total span {color:#379724;font-size:20px;}
		
/* display testimonial */

.display_testimonial {float:right;width:450px;padding:15px;margin:0px 0px 15px 15px;background-color:#e6f6ff;border:1px solid #bad6e5;}
	
/* @contact */

#contact_form {margin:30px 0px 60px;}

	#contact_form div {margin-bottom:5px;float:left;width:190px;}

	#contact_form input, #contact_form label, #contact_form textarea {display:block;}
	
	#contact_form textarea {width:345px;}
	
	#contact_form input, #contact_form textarea {padding:4px;border:2px solid #156582;}
	
.rules ul {list-style:disc;margin:12px 0px 12px 25px;}

.rules ul li {margin-bottom:10px;}
	
/* Deal */

#checkout_left {float:left;width:600px;}

.checkout_line {padding:3px 0px;}
	
	.checkout_line span {float:right;}

#checkout_right {float:left;width:300px;margin-left:20px;padding-left:20px;border-left:1px dotted #ccc;}