/*-----------------------------------------------------------------------------
Chicago Sport and Social View Profiles Section Style Sheet

version:   1.0
author:    Blake Bauman
email:     blake@bytestudios.com
created:   4/19/07
-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/
body { background: #a51900 url('../images/bg_profiles.gif') repeat-y center; }

/* Wrapper length for this section */
#wrapper { width: 932px; }


/* Header
-----------------------------------------------------------------------------*/
#header { background: transparent url('../images/bg_header.png') no-repeat bottom left; padding-bottom: 20px; height: 100px; }

/* Branding */
#branding { background: url('../images/logo_w_tag.png') no-repeat top left; }

/* Sponsors */
#sponsors li a { background: transparent url('../images/bg_sponsors_about.gif') no-repeat; }

textarea.field { color: #333; padding: 4px 5px 3px 5px; font: normal 12px Arial, Helvetica, sans-serif; background: #fff url('../images/form_input_bg.gif') no-repeat top left;  border: 1px solid #eee; }
input.field {font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #eee; }

/* Navigation
-----------------------------------------------------------------------------*/	
#navigation { height: 36px; background: #fff url('../images/bg_top_nav.gif') no-repeat top left; }
#navigation li a:hover, #navigation li a.active { background: #f07f4d url('../images/bg_top_nav_profiles_on.gif') repeat-x left bottom; }

/* Sub Navigation
-----------------------------------------------------------------------------*/	
#sub_navigation { background: #fff url('../images/bg_top_nav.gif') no-repeat top left; }
#sub_navigation li a:hover, #sub_navigation li a.sub_active { background: #f07f4d url('../images/bg_top_nav_profiles_on.gif') repeat-x left bottom; }

/* Primary Content
-----------------------------------------------------------------------------*/
#primary { position: relative; clear: both; background-color: #fff; color: #777; }

#primary_content { float: left; width: 789px; }
				
#primary_content div#ad_728x90 {
	text-align: center;
	padding: 15px;
	background: #fff url('../images/bg_large_ad.gif') no-repeat top left;
	
}

#upload_photo_main { margin: 10px 0; }
#upload_photo_main label { float: left; width: 150px; }

#options_signup { list-style: none; padding: 5px; background: #fff url('../images/bg_sub_nav.gif') no-repeat top left; }
#options_signup li { float: left;  margin-bottom: 10px;}

/* Sub Navigation */
#primary_content div#sub_navigation {
	background: #fff url('../images/bg_sub_nav.gif') no-repeat top left;	
}


#primary_content_l {
	float: left;
	width: 256px;
	padding: 5px 0 0 5px;
    }
	#primary_content_l h1 {
		padding: 17px 20px 4px 20px;
		font: normal 18px Arial, Helvetica, sans-serif;
		color: #fff;
		background: #fff url('../images/bg_profiles_left_headerbg.gif') no-repeat top left;
		}
		#primary_content_l #user_panel {
			padding-bottom: 15px;
			background: #fff url('../images/bg_profiles_left_bg.gif') no-repeat bottom left;	
			}
			#primary_content_l h2 {
				clear: both; 
				margin: 10px 15px 0 15px;
				padding: 5px 0;
				color: #d74b00;
				font: normal 15px Arial, Helvetica, sans-serif;
				border-top: 2px dotted #aaaaaa;	
				}
				
		#primary_content_l #user_panel img.profile_pic {
			float: left;
			padding: 3px;
			border: 1px solid #cdcdcd;
			margin: 10px 10px 10px 15px;
			}
    			#primary_content_l img {
					border: 1px solid #fff;
					margin: 2px;
					}
					#primary_content_l #user_panel p {
						float: left;
						width: 100px;
					}
					#primary_content_l #user_panel a.small_link {
						color: #da5a10;
						font-weight: bold;
						font-size: 10px;
						text-decoration: none;
						}
						#primary_content_l #user_panel a.small_link:hover {
							text-decoration: underline;
							}


/* Sub Navigation */
#signup { margin-left: 3px; padding: 10px; background: #fff url('../images/signup_bg_top.gif') no-repeat top left; }
#signup a { color: #ef6210; }
#signup h1 { margin-bottom: 20px; padding: 7px 10px; font-size: 20px; font-weight: normal; }
#signup h1 strong { color: #ef6210; font-weight: bold; }
#signup h2 { font-size: 16px; }
#signup_bottom { margin-left: 3px; height: 18px; background: #fff url('../images/signup_bg_bot.gif') no-repeat bottom left; }

/* Member Signup */
#member_signup { margin: 10px 50px; }
#member_signup a { color: #f06c00; }
#member_signup p { position: relative; }
#member_signup label { float: left; width: 155px; margin-right: 5px; padding-top: 3px; font-size: 12px; text-align: right; }
#member_signup label em { font-size: 11px; }
#member_signup input.checkbox { width: auto; }
#member_signup input.field { color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #ececec; }

/* Interests Checkbox */
#member_signup #mobile_phone { border: none; background: transparent; }
#member_signup #mobile_phone label { width: 155px; float: left; padding-top: 3px; font-weight: bold; }
#member_signup #mobile_phone div { float: left; width: 275px; }
#member_signup #mobile_phone div span { color: #f06c00; background: none; line-height: 14px; }

/* Interests Checkbox */
#member_signup #interests { border: none; background: transparent; }
#member_signup #interests h2 { width: 155px; float: left; margin: 10px 5px 0 0; font-size: 12px; text-align: right; }
#member_signup #interests div { float: left; }
#member_signup #interests label { float: none; display: inline; }
#member_signup #terms_box { width: 360px; margin-left: 160px; padding: 10px 0; }
#member_signup #terms { position:relative; overflow: auto; height: 150px; border: 1px solid #ececec; padding: 0 10px; background: #fff url('../images/form_input_bg.gif') no-repeat top left; }
#member_signup #agree { margin: 10px 0; padding: 10px; font-size: 12px; background-color: #eee; }
#member_signup select { color: #333; padding: 4px 5px 3px 5px; background: #fff url('/assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; }



/* Blocks */
#user_panel #friends_block, #user_panel #teams_block, #user_panel #pics_block { margin: 0 15px; }
	
/* Friends Block */
#user_panel #friends_block a { color: #ee5800; text-decoration: underline; }
#user_panel #friends_block a.view_all { display: block; color: #777; padding: 3px; margin-bottom: 8px; text-decoration: none; }
#user_panel #friends_block a.view_all:hover { text-decoration: underline; }
#user_panel #friends_block a.img { float: left; display: block; margin: 0 13px 15px 0; width: 60px; height: 60px; background-color: #fff; border: 1px solid #cdcdcd; text-decoration: none; }
#user_panel #friends_block a.img:hover { background-color: #ee5800; border: 1px solid #ee5800; text-decoration: none; }

/* Teams Block */
#user_panel #teams_block a { color: #ee5800; text-decoration: underline; }
#user_panel #teams_block a.view_all { display: block; color: #777; padding: 3px; margin-bottom: 8px; text-decoration: none; }
#user_panel #teams_block a.view_all:hover { text-decoration: underline; }
#user_panel #teams_block span { display: block; background: none; color: #777; }
#user_panel #teams_block a.img { float: left; display: block; margin: 0 13px 15px 0; width: 78px; height: 54px; background-color: #fff; border: 1px solid #cdcdcd; text-decoration: none; }
#user_panel #teams_block a.img:hover { background-color: #ee5800; border: 1px solid #ee5800; text-decoration: none; }
								
/* Pictures Block */
#user_panel #pics_block a.view_all { display: block; color: #777; padding: 3px; margin-bottom: 8px; text-decoration: none; }
#user_panel #pics_block a.view_all:hover { text-decoration: underline; }
#user_panel #pics_block a.img { float: left; display: block; margin: 0 21px 15px 0; width: 80px; height: 60px; background-color: #fff; border: 1px solid #cdcdcd; }
#user_panel #pics_block a.img:hover { background-color: #ee5800; border: 1px solid #ee5800; }

#user_panel #team_info { padding: 10px 15px 0 15px; list-style: none; }
#user_panel #team_info li { font-size: 12px; margin-bottom: 5px; list-style: none; }
#user_panel #team_info li strong { color: #ee5800 }
#user_panel #team_info li a { color: #ee5800 }



/* Primary Content */
#primary_content_r {
	float: left;
	width: 517px;
	margin: 5px 0 10px 1px;
	background: #fff url('../images/bg_bot_content_r.gif') no-repeat bottom left;
	}
	#primary_content_r #primary_content_r_top, #primary_content_r #primary_comments_r_top {
		background: #fff url('../images/bg_top_content_r.gif') no-repeat top left;	
		}
		#primary_content_r #primary_content_r_bot, #primary_content_r #primary_comments_r_bot {
			height: 10px;
			background: #fff url('../images/bg_bot_content_r.gif') no-repeat bottom left;
		}
		#primary_content_r #primary_content_r_top h3 {
			font: bold 14px Arial, Helvetica, sans-serif;
			color: #868686;
			margin: 0 20px;
			padding: 20px 5px;
			line-height: 14px;
			border-bottom: 2px dotted #dd7b40;
			}
			#primary_content_r #primary_content_r_top h3.survey {
			font: bold 16px Arial, Helvetica, sans-serif;
			color: #868686;
			margin: 0 20px;
			padding: 20px 5px 10px 5px;
			line-height: 14px;
			border-bottom: 2px dotted #dd7b40;
			}
			#primary_content_r #primary_content_r_top h3 strong.header {
				float: left;
				background: none;
			}
			#primary_content_r #primary_content_r_top h3 strong.total {
				float: right;
				background: none;
				}
				#primary_content_r #primary_content_r_top a.back_to_profile {
					clear: both;
					display: block;
					margin: 1px 20px 15px 20px;
					padding: 4px;
					text-align: left;
					color: #dc6220;
					font-weight: bold;
					text-decoration: none;
					}
					#primary_content_r #primary_content_r_top a.back_to_profile:hover {
						color: #fff;
						background-color: #dc6220;
						}
						#primary_content_r #primary_content_r_top .picture_wrapper a.img {
							float: left;
							display: block;
							margin: 0 30px 15px 30px;
							background-color: #fff;
							border: 1px solid #cdcdcd;
							}
							#primary_content_r #primary_content_r_top .picture_wrapper a.img:hover {
								background-color: #ee5800;
								border: 1px solid #ee5800;
								}
						/* Pictures Links */
						#primary_content_r #primary_content_r_top .pictures_wrapper a.img {
							float: left;
							display: block;
							margin: 0 30px 15px 0;
							width: 126px;
							height: 96px;
							background-color: #fff;
							border: 1px solid #cdcdcd;
							}
							#primary_content_r #primary_content_r_top .pictures_wrapper a.img:hover {
								background-color: #ee5800;
								border: 1px solid #ee5800;
								}
								/* Friends Links */
								#primary_content_r #primary_content_r_top .friends_wrapper a.img {
									position: relative;
									float: left;
									display: block;
									text-align: center;
									margin: 0 30px 15px 0;
									padding-bottom: 5px;
									width: 112px;
									height: auto;
									font-weight: bold;
									color: #d84c00;
									background-color: #fff;
									border: 1px solid #cdcdcd;
									text-decoration: none;
									}
									#primary_content_r #primary_content_r_top .friends_wrapper a.img:hover {
										color: #fff;
										background-color: #ee5800;
										border: 1px solid #ee5800;
										}
										#primary_content_r #primary_content_r_top .friends_wrapper a.img span {
											position: relative;
											top: 1px;
											background: none;
											}
											#primary_content_r #primary_content_r_top .friends_wrapper a.img strong {
												position: absolute;
												top: 88px;
												left: 3px;
												width: 96px;
												display: none;
												background-color: #222;
												filter:alpha(opacity=70);
												-moz-opacity: 0.7;
												opacity: 0.7;
												padding: 5px;
												font-size: 10px;
												}
												#primary_content_r #primary_content_r_top .friends_wrapper a.img:hover strong {
													display: block;
													}
								#primary_content_r #primary_content_r_top a.img img {
									border: 1px solid #fff;
									margin: 2px;
									}
									.pictures_wrapper {
										margin: 0 0 0 35px;
										}
										.friends_wrapper {
											margin: 0 0 0 55px;
											}
											.block_user_wrapper {
												margin: 0 25px;
												}

/* About Survey */
p.about_txt { margin: 0 20px 20px 20px; padding: 10px; line-height: 18px; border-bottom: 2px dotted #aaaaaa; }
#about_survey_wrapper { margin: 0 20px; line-height: 18px; }
#about_survey_wrapper h4 { height: 17px; padding: 5px 10px; font-size: 12px; color: #fff; background: url('/assets/images/bg_profile_head.gif') no-repeat top left; }
#about_survey_wrapper ul { list-style: none; margin: 8px 10px 10px 10px; }
#about_survey_wrapper ul li strong { font-style: normal;  margin-right: 2px; }

					
/* Comment Block */
#primary_comments_r_top { margin-top: 5px }
#primary_comments_r_top h3 {
	padding: 20px 20px 5px 20px; 
	color: #d74b00;
	font: normal 20px Arial, Helvetica, sans-serif;
	}
	#primary_comments_r_top h3 span {
		color: #a5a4a5;
		font: normal 12px Arial, Helvetica, sans-serif;
		background: none;
		}
		#primary_comments_r_top h3 span a {
			color: #a5a4a5;
			margin-left: 8px;
			}
			/* Comments */
			#primary_comments_r_top .comment_odd {
				margin: 10px 22px 0 21px;
				padding: 15px 15px 10px 15px;
				}
				#primary_comments_r_top .comment {
					margin: 10px 22px 10px 21px;
					padding: 15px;
					}
				
				#primary_comments_r_top .comment_odd img, #primary_comments_r_top .comment img {
					border: 1px solid #fff;
					margin: 2px;
					}
							
					#primary_comments_r_top .comment_odd p, #primary_comments_r_top .comment p {
						float: left;
						width: 350px;
						margin: 0;
						line-height: 14px;
						}
						#primary_comments_r_top .comment_odd p span, #primary_comments_r_top .comment p span {
							display: block;
							background: none;
							height: auto;
							color: #d84c00;
							margin-bottom: 5px;
							}
							#primary_comments_r_top .comment_odd p span a, #primary_comments_r_top .comment p span a {
								color: #d84c00; text-decoration: underline; font-weight: bold;
								}
								#primary_comments_r_top .comment_odd div.options, #primary_comments_r_top .comment div.options  {
									clear: both;
									display: block;
									list-style: none;
									margin: 0 0 0 70px;
									}
									#primary_comments_r_top .comment_odd div.options img, #primary_comments_r_top .comment div.options img {
										border: 0;
										}
									
				#primary_comments_r_top .comment_odd {
					background: #ececec url('../images/bg_comment_odd_top.gif') no-repeat top left;
					}
					#primary_comments_r_top .comment_odd_bot {
						clear: both;
						height: 10px;
						font-size: 10px;
						margin: 0 22px 10px 21px;
						background: #ececec url('../images/bg_comment_odd_bot.gif') no-repeat bottom left;
						
						}	


div.comment { margin: 10px 20px 10px 21px; padding: 15px; }
div.comment_odd { margin: 10px 20px 0 21px; padding: 15px 15px 10px 15px; }

div.comment_odd img, div.comment img { border: 1px solid #fff; margin: 2px; }
div.comment_odd a.img, div.comment a.img { float: left; display: block; margin: 0 10px 0 0; width: 63px; height: 63px; background-color: #fff; border: 1px solid #c4c3c4; }
div.comment_odd a.img:hover, div.comment a.img:hover { background-color: #456900; border: 1px solid #456900; }		
div.comment_odd div.comment_content, div.comment div.comment_content { float: left; width: 340px; margin: 0; line-height: 14px; }
div.comment_odd div.comment_content { /*color: #a5a4a5;*/ }
div.comment_odd div.comment_content span, div.comment div.comment_content span { display: block; background: none; color: #d84c00; font-weight: bold; margin: 0 0 5px 0; }
div.comment_odd div.comment_content span a, div.comment div.comment_content span a { color: #d84c00; text-decoration: underline; }
div.comment_odd div.options, div.comment div.options  { clear: both; display: block; list-style: none; margin: 0 0 0 77px; }
div.comment_odd div.options img, div.comment div.options img { border: 0; }
div.comment_odd { background: #e1ffa8 url('/assets/images/bg_comment_odd_top.gif') no-repeat top left; }
div.comment_odd_bot { clear: both; height: 10px; margin: 0 20px 0 21px; background: #e1ffa8 url('/assets/images/bg_comment_odd_bot.gif') no-repeat bottom left; }

div.no_comments { padding: 10px 20px; color: #a5a4a5; }
div.no_comments a { color: #d84c00; text-decoration: underline; }

/* Profile Search */
#primary_content div#profile_search {
	padding: 10px 10px 8px 25px;
	}
	#primary_content div#profile_search img {
		float: left;
		display: inline;
		}
	#primary_content div#profile_search label.large {
		float: left;
		display: inline;
		color: #f06d20;
		font-size: 18px;
		padding-right: 5px;
		}
		#primary_content div#profile_search label.small {
			float: left;
			display: inline;
			font-size: 11px;
			padding: 5px 5px;
			}
		#primary_content div#profile_search input.txt_width {
			float: left;
			width: 300px;
			color: #333;
			padding: 6px 5px 5px 5px; 
			font: normal 12px Arial, Helvetica, sans-serif;
			border:1px solid #ececec;
			margin-right: 5px;
			}
			#primary_content div#profile_search input.opt_radio {
				float: left;
				display: inline;
				margin-top: 7px;
				}
				#primary_content div#profile_search input.opt_radio label {
				float: left;
				display: inline;
				margin-top: 7px;
				}	
	
/* Advertising Column */
#primary_ad {
	float: left; 
	width: 135px;
	margin-top: 5px;
	}
	#primary_ad_top {
		color: #adadad;
		padding: 3px 0;
		text-align: center;
		background: #fff url('../images/home_ad_bg_top.gif') no-repeat top left;
		}
		#primary_ad_content {
			min-height: 470px;
			padding: 0 9px 10px 9px;
			background: #fff url('../images/home_ad_bg_bot.gif') no-repeat bottom left;
			}

div.pagination { text-align: right; padding: 0 25px 5px 0; margin: 3px 0 0 0; color: #777; }
div.pagination a { padding: 1px 3px 1px 3px; margin: 0; text-decoration: underline; color: #ee5800; }
div.pagination a:hover, div.pagination a:active { background-color: #ee5800; color: #fff; text-decoration: none; }
div.pagination span.current { padding: 1px 3px 1px 3px; margin: 0; font-weight: bold; color: #555; }
div.pagination span.disabled { padding: 1px 3px 1px 3px; margin: 0; color: #ddd; }			
			
/* Advertising Column */
#advertisement { float: left; text-align: center; width: 135px; margin: 5px 0; padding-bottom: 10px; background: #fff url('/assets/images/home_ad_bg_bot.gif') no-repeat bottom left; }
#advertisement h3 { padding: 0; width: 135px; background: #fff url('/assets/images/home_ad_bg_top.gif') no-repeat top left; text-indent: -9999px; }
#advertisement img { margin-bottom: 5px; }



/* Footer
-----------------------------------------------------------------------------*/
#footer { }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer ul {
	margin-top: 0;
	padding: 8px;
	background: #ed6f02 url('../images/bg_footer_profiles.gif') no-repeat bottom left;
}