@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : COMMUNITY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		idj_community.css
	Date:			Apr 20, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	IDJ.net active Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		background:url(/images/nav_communityBG.png) 0 0 no-repeat;
		behavior: url("/shared/css/iepngfix.htc");
	}
	#nav li.community a:link, #nav li.community a:active, #nav li.community a:visited, #nav li.community a:hover {
		background-position: -687px -58px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#noFeature Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#noFeature {
		background: url(/images/1o1_bg.png) center -420px no-repeat;
		padding:0 0 50px 0;
	}
		#noFeature .feature {
			width:960px;
			margin:0 auto; padding:9px 0 0 0;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community.slice_2o3 {
		width:630px;
		background:url(/images/1o3_bg.png) 0 bottom repeat-x;
	}
	#community.slice_2o3 h1#h1_community {
		width:150px; height:25px;
		background:url(/images/h1_community19px.png) 0 0 no-repeat;
	}
		#community.slice_2o3 .body {
			padding:15px 0 30px 0;
		}
			#community.slice_2o3 .accountInfo {
				padding:0 0 0 28px;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#community.slice_2o3 .accountInfo .profilePic {
					margin:0 20px 0 0;
					font:bold 10px Arial, Helvetica, sans-serif;
					text-align:center;
					float:left;
				}
					#community.slice_2o3 .accountInfo .profilePic a:link, #community.slice_2o3 .accountInfo .profilePic a:active, #community.slice_2o3 .accountInfo .profilePic a:visited {
						border:3px solid #195284;
						background:#fff;
						margin:0 0 4px 0; padding:1px;
						float:left;
					}
						#community.slice_2o3 .accountInfo .profilePic a:hover {
							border:3px solid #ffc100;
						}
				#community.slice_2o3 .accountInfo .infoBox {
					float:left;
					width:250px;
				}
				#community.slice_2o3 .accountInfo .infoBox h2 {
					margin:0 0 5px 0;
					font:bold 18px Arial, Helvetica, sans-serif;
					color:#bde0ff;
				}
					#community.slice_2o3 .accountInfo .infoBox a.btn68w {
						margin:8px 10px 0 0;
						float:left;						
					}
					#community.slice_2o3 .accountInfo .infoBox .text {
						margin:10px 10px 0 0;
						display:block;
						float:left;
					}
					#community.slice_2o3 .accountInfo .infoBox .action {
						padding:9px 0 0 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#363e44;
					}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	#community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community_main.slice_2o3 {
		width:630px;
		background:url(/images/1o3_bg.png) 0 bottom repeat-x;
	}
	#community_main.slice_2o3 h1#h1_profile {
		width:100px; height:25px;
		background:url(/images/h1_profile19px.png) 0 0 no-repeat;
		float:left;
	}

	/*	profile */
	#community_main.slice_2o3 #profileHolder {
		width:550px;
		margin:0 auto 60px auto; padding:20px 0 0 0;
	}
		#community_main.slice_2o3 #profileHolder .user {
			width:236px;
			float:left;
		}
			#community_main.slice_2o3 #profileHolder .user .profilePic {
			
			}
				#community_main.slice_2o3 #profileHolder .user .profilePic a:link, #community_main.slice_2o3 #profileHolder .user .profilePic a:active, #community_main.slice_2o3 #profileHolder .user .profilePic a:visited {
					border:3px solid #195284;
					background:#fff;
					padding:1px;
					float:left;
				}
					#community_main.slice_2o3 #profileHolder .user .profilePic a:hover {
						border:3px solid #ffc100;
					}
					#community_main.slice_2o3 #profileHolder .user .btnHolder {
						padding:10px 0 0 13px;
					}
						#community_main.slice_2o3 #profileHolder .user .btnHolder a.addAsFriend88w {
							float:left;
						}
						#community_main.slice_2o3 #profileHolder .user .btnHolder a.sendMessage88w {
							margin:0 0 0 9px;
							float:left;
						}
						
		/*	info */
		#community_main.slice_2o3 #profileHolder .info {
			width:314px;
			padding:20px 0 0 0;
			float:left;
		}
			#community_main.slice_2o3 #profileHolder .info h3 {
				width:300px;
				margin:0 0 40px 0;
				overflow:hidden;
			}
				#community_main.slice_2o3 #profileHolder .info h3 a:link, #community_main.slice_2o3 #profileHolder .info h3 a:active, #community_main.slice_2o3 #profileHolder .info h3 a:visited {
					color:#bde0ff;
				}
					#community_main.slice_2o3 #profileHolder .info h3 a:hover {
						color:#ffc100;
					}
			#community_main.slice_2o3 #profileHolder .info .header {
				border-bottom:solid 1px #806510;
				margin:0 0 18px 0; padding:0 0 2px 0;
				background:none;
			
			}
				#community_main.slice_2o3 #profileHolder .info .header h2 {
					width:92px; height:11px;
					background:url(/images/h2_aboutMe.png) no-repeat;
				}
		#community_main.slice_2o3 #profileHolder .info table.statsInfo {
			width:300px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			display:inline;
			text-align:left;
		}
			#community_main.slice_2o3 #profileHolder .info table.statsInfo col.statName, #community_main.slice_2o3 #profileHolder .info table.statsInfo table.statsInfo .statName {
				width:110px;
				color:#fff;
			}
			#community_main.slice_2o3 #profileHolder .info table.statsInfo col.statValue, #community_main.slice_2o3 #profileHolder .info table.statsInfo table.statsInfo .statValue {
				width:190px;
				padding:0 10px 0 0;
				font-weight:normal;
				color:#ccc;
			}
	
		/*	personal information */
		#community_main.slice_2o3 #personalInfo {
			width:550px;
			margin:0 auto; padding:0 0 30px 0;
		}
			#community_main.slice_2o3 #personalInfo .header {
				border-bottom:solid 1px #806510;
				margin:0 0 18px 0; padding:0 0 2px 0;
				background:none;
			}
				#community_main.slice_2o3 #personalInfo .header h2 {
					width:226px; height:11px;
					background:url(/images/h2_personalInfo.png) no-repeat;
				}
		#community_main.slice_2o3 #personalInfo table.statsInfo {
			width:550px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			display:inline;
			text-align:left;
		}
			#community_main.slice_2o3 #personalInfo table.statsInfo col.statName, #community_main.slice_2o3 #personalInfo table.statsInfo .statName {
				width:135px;
				color:#fff;
				vertical-align:top;
			}
			#community_main.slice_2o3 #personalInfo table.statsInfo col.statValue, #community_main.slice_2o3 #personalInfo table.statsInfo .statValue {
				width:390px;
				padding:0 10px 24px 0;
				font-weight:normal;
				color:#ccc;
			}
				#personalInfo table.statsInfo .statValue a:link, #personalInfo table.statsInfo .statValue a:active, #personalInfo table.statsInfo .statValue a:visited {
					color:#df7a18;
					text-decoration:underline;
				}
					#personalInfo table.statsInfo .statValue a:hover {
						color:#fff;
					}
					
		/*	contact information */
		#community_main.slice_2o3 #contactInfo {
			width:550px;
			margin:0 auto; padding:0 0 20px 0;
		}
			#community_main.slice_2o3 #contactInfo .header {
				border-bottom:solid 1px #806510;
				margin:0 0 18px 0; padding:0 0 2px 0;
				background:none;
			}
				#community_main.slice_2o3 #contactInfo .header h2 {
					width:226px; height:11px;
					background:url(/images/h2_contactInfo.png) no-repeat;
				}
		#community_main.slice_2o3 #contactInfo table.statsInfo {
			width:550px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			display:inline;
			text-align:left;
		}
			#community_main.slice_2o3 #contactInfo table.statsInfo col.statName, #community_main.slice_2o3 #contactInfo table.statsInfo .statName {
				width:80px;
				color:#fff;
				vertical-align:top;
			}
			#community_main.slice_2o3 #contactInfo table.statsInfo col.statValue, #community_main.slice_2o3 #contactInfo table.statsInfo .statValue {
				width:450px;
				padding:0 10px 10px 0;
				font-weight:normal;
				color:#ccc;
			}
				#contactInfo table.statsInfo .statValue a:link, #contactInfo table.statsInfo .statValue a:active, #contactInfo table.statsInfo .statValue a:visited {
					color:#df7a18;
					text-decoration:underline;
				}
					#contactInfo table.statsInfo .statValue a:hover {
						color:#fff;
					}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.slice_1o3 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.slice_1o3 .header {
		height:31px;
		padding:3px 0 0 0;
		background:url(/images/1o3_baseline.gif) 0 -31px repeat-x;
	}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community.slice_1o3 {
	
	}
		#community.slice_1o3 #h1_community {
			width:125px; height:25px;
			float:left;
		}
			#community.slice_1o3 #h1_community a:link, #community.slice_1o3 #h1_community a:active, #community.slice_1o3 #h1_community a:visited {
				width:125px; height:25px;
				display:block;
				background:url(/images/h1_community15px.png) 0 0 no-repeat;
			}
				#community.slice_1o3 #h1_community a:hover {
					background-position:0 -40px;
				}
		#community.slice_1o3 .body {
			padding:15px 0 0 0;
		}
			#community.slice_1o3 .accountInfo {
				padding:0 0 0 28px;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#community.slice_1o3 .accountInfo h2#h2_yourAccount {
					margin:0 0 11px 0px;
					width:150px; height:11px;
					background:url(/images/h2_yourAccount15px.gif) 0 0 no-repeat;
				}
				#community.slice_1o3 .accountInfo .profilePic {
					margin:0 7px 0 0;
					font:bold 10px Arial, Helvetica, sans-serif;
					text-align:center;
					float:left;
				}
					#community.slice_1o3 .accountInfo .profilePic a:link, #community.slice_1o3 .accountInfo .profilePic a:active, #community.slice_1o3 .accountInfo .profilePic a:visited {
						border:3px solid #195284;
						background:#fff;
						margin:0 0 4px 0; padding:1px;
						float:left;
					}
						#community.slice_1o3 .accountInfo .profilePic a:hover {
							border:3px solid #ffc100;
						}
				#community.slice_1o3 .accountInfo .infoBox {
					float:left;
					width:190px;
				}
					#community.slice_1o3 .accountInfo .infoBox a.btn68w {
						float:left;
						margin:4px 10px 0 0;
					}
			#community.slice_1o3 .members {
				margin:20px 0 0 8px;
			}
				#community.slice_1o3 .members h2#h2_membersCurrentlyOnline {
					width:202px; height:8px;
					margin:0 0 10px 7px;
					background:url(/images/h2_membersCurrentlyOnline11px.gif) 0 0 no-repeat;
				}
				#community.slice_1o3 .members ul {
					list-style:none;
				}
					#community.slice_1o3 .members ul li {
						float:left;
					}
						#community.slice_1o3 .members ul li span.img {
							width:50px; height:50px;
							margin:0 auto;
							display:block;
						}
						#community.slice_1o3 .members ul li span.user {
							margin:8px 0 0 0;
							display:block;
						}
						#community.slice_1o3 .members ul li a:link, #community.slice_1o3 .members ul li a:active, #community.slice_1o3 .members ul li a:visited {
							width:94px;
							margin:0 6px 6px 0; padding:4px 0 0 0;
							background:url(/images/profile_bg50.png) 18px 0 no-repeat;
							font:bold 10px Arial, Helvetica, sans-serif;
							color:#bde0ff;
							text-align:center;
							text-decoration:none;
							display:block;
							overflow:hidden;	
						}
							#community.slice_1o3 .members ul li a:hover {
								color:#ffc100;
								background-position: 18px -142px;
							}
							
							
/*	--------------------------------------------------------------------------------------------------------------------------
	button Styles : 88w :: 88x19
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	a.addAsFriend88w:link, a.addAsFriend88w:active, a.addAsFriend88w:visited {
		background:url(/images/btn_addAsFriend88w.png) 0 0 no-repeat;
	}
	a.sendMessage88w:link, a.sendMessage88w:active, a.sendMessage88w:visited {
		background:url(/images/btn_sendMessage88w.png) 0 0 no-repeat;
	}
	
	a.btn88w:link, a.btn88w:active, a.btn88w:visited {
		width:88px; height:19px;
		display:block;
	}
		a.btn88w:hover {
			background-position: 0 -19px !important;
		}