@charset "UTF-8";



.TabbedPanels {
	margin: 0px;
	padding: 0px;
	
	float: left;
	clear: none;
	width: 100%;
	margin-left: -22px;
	
	 /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 9px 16px;
	margin: 0px 1px 0px 0px;
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	
	
}


.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 0px solid #0f0f0f;
	background: #0f0f0f url(http://www.networklogic.net/prosocial/img/tabbk.png);
	padding-bottom: 10px;
	
	color: white;
	
}


.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
	
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
	background:  url(http://www.networklogic.net/prosocial/img/tabbk.png);
}


.TabbedPanelsContent {
	float: left;
	padding: 4px;
	background:  url(http://www.networklogic.net/prosocial/img/tabbk.png);
	width: 745px;}

.TabbedPanelsContentVisible {
	
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
	
}


.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
	

}


#welcome_content h1, p  {

	font-family: Georgia, "Times New Roman", Times, serif;
	
	
}

#welcome_content h1 {

color: #8e9d6a;
font-size: 17px;
}

#welcome_content p {
	color: #b7b7b7;
	font-size: 12px;
	;}
	
	#welcome_content  h2, h3 {
	font-size: 12px;
	color: #808080;
	margin-top: 10px;
	line-height: 19px;
	
	
	}
	
#welcome_content ul {
	float: left  ;
	width: 130px;
	
	border-right: 1px solid #4d4d4d;
	padding-right: 20px;
	
	
	
}

#welcome_content strong {
	color: #74808c;
	font-size: 12px;
}
#welcome_content {

padding-top: 29px;
padding-left: 1px;

}

#welcome_content p {
	line-height: 19px;
	}

.podcast {
	padding-top: 190px;
	background: url(http://www.networklogic.net/prosocial/img/podcast.png) -19px -5px no-repeat;
	border-right: 0px;
	
	}
	
	#welcome div#body-container{
	background: white url(http://www.networklogic.net/prosocial/img/tabbk.png) left 46px repeat-x;
	}
	
	#lower {
	padding-top: 27px;

	clear: both;
	font-size: 75%;
	line-height: 32px;
	padding-bottom: 30px;
	padding: 40px;
	padding-right: 0px;
	padding-left: 0px;
	
		
	}
	
	
	
	#lower h1 {
	color: #8e9d6a;
font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	background: url(http://www.networklogic.net/prosocial/img/redaarow.png) no-repeat left -2px;
	padding-left: 40px;

	
}
	
	
	.tutorials {
	padding-top: 190px;
	background: url(http://www.networklogic.net/prosocial/img/tutorial.png) -19px -5px no-repeat;
	border-right: 0px;
	}
	
	#flash {
	padding-left: 25px;
	float: left;
	
}

#lower ul {
	float: left;
	width: 325px;
	padding-top: 5px;
	padding-left: 25px;
	border-left: 1px solid #4d4d4d ;
	margin-left: 18px;
}

#lower li {
	margin-left: 20px;
	color: #dfdfdf;
	line-height: 32px;
	font-size: 75%;
}