﻿



.main_container
{
	margin: 0px 0px 0px 15px;
		
	z-index: 0;
	position: relative;
}

.main_content
{
	height:471px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}


.main_content li 
{
	float:left;
	margin:0;
	padding:0;
}


.main_blurb
{
	background: url(images/getintoit/mainbanner.jpg) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 1px;
	width: 383px;
	height: 471px;


}

.main_rotator
{
	
	background: url(/images/getintoit/window.jpg) 0 0 no-repeat;
	width:557px; 
	height:471px;
	margin: 0px;
	position: absolute;
	top: 0;
	left: 383px;

	
} 


/*   --------Middle Panel Positioning--------     */

.mid_container
{
	
	margin:0;
	padding:0;
	position:relative;
	height: 435px;
	z-index: 0;
}


/*   -------------Crew Panel-------------------  */


.crew_container
{
	z-index: 0;
	position: absolute;
	top: 20px;
	left: 50px;	
}


.crew_header h2
{
	font-size:90%;
	margin:0;
	text-indent:-4000px;
}

.crew_header
{
	background: #31445e url(images/getintoit/sm_panel_crew_header.jpg) no-repeat;
	width:413px; 
	height:40px;
}

.crew_content
{
	height:329px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}

.crew_content li 
{
	
	margin:0;
	padding:0;
}

.crew_img
{
	padding: 13px 15px 0px 15px;
	display:inline;
	float: left;
}

.crew_img img
{
	border: 1px solid #4e627d;
}


.crewbtn_content
{
	padding: 13px 0px 0px 0px;
	width: 285px;
	color: #FFFFFF;
	height: 90px;
	font-size: 11px;
	overflow: hidden;
	float: left;
	
}


a.crewrollover 
{
	display: block;
	width: 413px;
	height: 108px;
	text-decoration: none;
	
}

a:hover.crewrollover 
{
	background: #31445e url(images/getintoit/crew_btn_hover.jpg) no-repeat;
}


.crew_btn1
{
	background: #31445e url(images/getintoit/crew_btn1.jpg) no-repeat;
	width:413px; 
	height:108px;
	border-top: 1px solid #334052;
	position: absolute;
	top: 0px;
	left: 0px;
}


.crew_btn2
{
	background: #31445e url(images/getintoit/crew_btn2.jpg) no-repeat;
	width:413px; 
	height:108px;
	border-top: 1px solid #334052;
	position: absolute;
	top: 108px;
	left: 0px;
}

.crew_btn3
{
	background: #31445e url(images/getintoit/crew_btn3.jpg) no-repeat;
	width:413px; 
	height:108px;
	border-top: 1px solid #334052;
	border-bottom: 1px solid #334052;
	position: absolute;
	top: 216px;
	left: 0px;	
}



.crew_footer
{
	background: #31445e url(images/getintoit/sm_panel_crew_footer.jpg) no-repeat;
	width:413px; 
	height:54px;
	position: absolute;
	top: 326px;
	left: 0px;
}


/*   -------------Friends Panel-------------------  */

.friends_container
{
	position: absolute;
	top: 20px;
	left: 510px;
	
}

.friends_header h2
{
	font-size:90%;
	margin:0;
	text-indent:-4000px;
}

.friends_header
{
	background: #31445e url(images/getintoit/sm_panel_friends_header.jpg) no-repeat;
	width:413px; 
	height:40px;
}



.friends_img
{
	padding: 8px 0px 0px 0px;
	
}

.friends_img img
{
	border: 1px solid #4e627d;
}




.friends_content
{
	height:329px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	text-align: center;
}

.friends_content li 
{
	
	margin:0px;
	padding:0px;
}


.friendsbtn_content
{
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	font-size: 11px;
	
}

.friendsbtn_content p
{
	margin: 0px 0px 10px 0px;
}


a.friendsrollover 
{
	display: block;
	width: 137px;
	height: 329px;
	text-decoration: none;
}

a:hover.friendsrollover 
{
	background: #31445e url(images/getintoit/friends_btn_hover.jpg) no-repeat;
}


.friends_btn1
{
	background: #31445e url(images/getintoit/friends_btn1.jpg) no-repeat;
	width:137px; 
	height:329px;
	border-top: 1px solid #334052;
	border-right: 1px solid #334052;
	position: absolute;
	top: 0px;
	left: 0px;
}

.friends_btn2
{
	background: #31445e url(images/getintoit/friends_btn2.jpg) no-repeat;
	width:137px; 
	height:329px;
	border-top: 1px solid #334052;
	border-right: 1px solid #334052;
	position: absolute;
	top: 0px;
	left: 138px;
}

.friends_btn3
{
	background: #31445e url(images/getintoit/friends_btn3.jpg) no-repeat;
	width:137px; 
	height:329px;
	border-top: 1px solid #334052;
	position: absolute;
	top: 0px;
	left: 276px;
	
}

.friends_footer
{
	background: #31445e url(images/getintoit/sm_panel_friends_footer.jpg) no-repeat;
	width:413px; 
	height:49px;
}




.seemore
{
	text-align: right;
	padding: 6px 20px 0px 0px;
}


/*   -------------Community Panel-------------------  */


.comm_container
{
	margin: 30px 0px 20px 33px;
	
}


/* Smaller-width panels, mostly used with sidebars */
div.smallpanelheader {
	clear: both;
	background: url(images/getintoit/communitypanel_header.jpg) bottom left no-repeat;
	height: 32px;
	margin: 0px 0px 0px 10px;
	padding-top: 2px;
	text-indent: -4000px;
	/*text-indent: 40px;
	Changed indent 040307 to accomadate removal of title bar tab*/
	width: 886px;
}

div.smallpanel
{
	background: url(images/getintoit/comm_footer.jpg) bottom left no-repeat;
	width: 856px;
	margin: 0 0 0px 10px;
	padding: 15px;
}

div.smallpanel_corner
{
	background: #3d4c61 url(images/getintoit/comm_bg.jpg) bottom left repeat-y;
	background-color: #3d4c61;
	width: 866px;
	padding: 0px 10px 15px 10px;
	margin: 0px 0px 0px 10px;
}

div.nobackground_small
{
	width: 705px;
	margin: 0px 0px 15px 10px;
	padding: 0px;
}




div.leftcol
{
	padding: 5px 0 0 0;
	width: 380px;
	float: left;
}



div.rightcol
{
	padding: 5px 0 0 0;
	width: 465px;
	float:right;
}





.spotlight_header
{
	background: #3d4c61 url(images/getintoit/membersheader.jpg) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 372px;
	height: 26px;
	text-indent:-4000px;
}


ol.spotlightlisting 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
}


ol.spotlightlisting .memberimg
{
	background: url(images/getintoit/member_imgBG.gif) no-repeat;
	padding: 4px;
	margin: 0px;
	width: 55px;
	height: 55px;
	float: left;
	display: none;
}

ol.spotlightlisting .memberimg img
{
	border:1px solid #4E627D;
}


ol.spotlightlisting li.level1 
{
	margin:10px 0;
	padding:0 0 0 0;
}


ol.spotlightlisting li div.user 
{
	color:#FEC000;
	display:block;
	padding:3px;
	width:inherit;
	
}

ol.spotlightlisting li div.user span.reply_level 
{
	background:transparent url(images/member/level_icon_sm.gif) no-repeat scroll left top;
	color:#FFFFFF;
	display:block;
	font-size:80%;
	float:left;
	font-weight:bold;
	height:12px;
	margin:0 0 0 10px;
	padding-top:4px;
	text-align:center;
	vertical-align:bottom;
	width:24px;
	
}


ol.spotlightlisting li div.user span.user 
{
	float:left;
	padding-top:0px;
	text-align:left;
}

.user-text-user 
{
	display:block;
	font-weight:normal;
	font-size: 11px;
	padding-bottom:5px;
	padding-top:5px;
	clear: both;
}



.feedback_content
{
	background: url(images/getintoit/feedback.gif) no-repeat;
	padding: 35px 0px 5px 0px;

}


.feedbackrules 
{
	margin:0 0 10px 10px;
	font-size: 10px;
}


.feedback_content textarea 
{
	margin: 0px 0px 0px 10px;
	width:350px;
	height: 60px;
}


.commentbutton
{
	padding: 0px 12px 0px 0px;
	text-align:right;
}




.tweakfest_container
{
	text-align:center;
	float: left;
}


.tweakfest_header
{
	background: #3d4c61 url(images/getintoit/tweakfestheader.jpg) no-repeat;
	padding: 0px;
	font-size:90%;
	margin:0;
	width: 146px;
	height: 34px;
	text-indent:-4000px;
}


.tweakfest_img
{
	padding: 5px 0px 5px 0px;
}

.tweakfest_img img
{
	border: 1px solid #4e627d;
}

.viewall_btn
{
	padding: 5px 0px 0px 0px;
}

.viewall_btn img
{
	border: 0px;
}


.jinxspotting_container
{
	margin: 10px 10px 0px 10px;
	padding: 10px;
	background: #344255 url(images/getintoit/jinxspottingbg.gif) top no-repeat;
	border: 1px solid #4e627d;
	text-align: center;
	float: right;
	display: inline;
}

.jinxspotting_header
{
	background: #3d4c61 url(images/getintoit/jinxspotheader.jpg) no-repeat;
	padding: 0px;
	font-size:90%;
	margin:0px 0px 14px 0px;
	width: 152px;
	height: 32px;
	text-indent:-4000px;
}

.jinxspotting_container img
{
	border: 1px solid #4e627d;
}


.img1
{
	float:left;
	display: inline;
}

.img2
{
	float:right;
	display: inline;
}

.spotting_link
{
	padding: 5px 0px 0px 0px;
}


.interwebz_header
{
	background: #3d4c61 url(images/getintoit/webheader.jpg) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 20px 0px 15px 20px;
	width: 446px;
	height: 25px;
	text-indent:-4000px;
}

.interwebz_container
{
	margin: 0px 0px 0px 20px;
}


.interwebz_container p
{
	margin: 0px 0px 10px 0px;
}



/*   ------------- More JINX Crew-------------------  */


#morecrew
{
	
	z-index: 1; 
	position:absolute; 
	top: 645px; 
	left: 342px; 
	display: none;
	background: url(images/getintoit/morecrew.gif) no-repeat;
	width: 610px;
	height: 459px;
	padding: 48px 0px 0px 150px;
	
	
}

.morecrew_container
{
	height: 355px;
	overflow:scroll;
	overflow-x: hidden;
	width: 420px;
	z-index: 0;
}

.morecrew_container .crew_buttons
{
background:#3D4C61;
border-bottom:1px solid #2a3344;
height:108px;
width:413px;
}


.morecrew_container .crew_img 
{
display:inline;
float:left;
padding:13px 15px 0;
}

.morecrew_container .crew_img img 
{
border:1px solid #4E627D;
}


.morecrew_container .crew_content 
{
color:#FFFFFF;
font-size:11px;
height:90px;
overflow:hidden;
padding:13px 0 0;
width:285px;
}


/*   ------------- More Friends-------------------  */


#morefriends
{
	z-index: 8; 
	position:absolute; 
	top: 645px; 
	left: 230px; 
	display: none;
	background: url(images/getintoit/morefriends.gif) no-repeat;
	width: 591px;
	height: 464px;
	padding: 49px 0px 0px 25px;
}

.morefriends_container
{
	height: 355px;
	overflow: scroll;
	overflow-x:hidden;
	width: 440px;
	text-align:left;
}

.morefriends_container .friends_buttons 
{
background:#3D4C61;
border-bottom:1px solid #2a3344;
border-right:1px solid #2a3344;
height:329px;
width:137px;
text-align:center;
float:left;
}


.morefriends_container .friends_img 
{
padding:8px 0 0;
}

.morefriends_container .friends_img img 
{
border:1px solid #4E627D;
}

.morefriends_container .friends_content 
{
color:#FFFFFF;
font-size:11px;
padding:0 5px;
}

.morefriends_container .friends_content p 
{
margin:0 0 10px;
}


