/*
Xylem CCI
June 2007
Esteban Lezama

Content:

00. HTML, Body
01. Font Formating


*/


/*| 00. HTML, Body |*/
/*****************************************************************************************************************/
/*****************************************************************************************************************/


	html, body
	{/* Dark blue background with shaded image for content bgr*/
		margin:0 0 0 0;
		padding: 0 0 0 0;
		font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
		font-size:11px;
		color:#0E284B;
		background-color:#0E284B;
		background-image:url('../img/bc/top_gradient_bgr.jpg');
		background-repeat:repeat-x;
		height:100%;
	}
	
		html>body #main {
		height: auto; /* for not-IE */
	}

	/* .pkg class wraps enclosing block element around inner floated elements */
	.pkg:after
	{
	   content: " ";
	   display: block;
	   visibility: hidden;
	   clear: both;
	   height: 0.1px;
	   font-size: 0.1em;
	   line-height: 0;
	}
	* html .pkg { display: inline-block; }
	/* no ie mac \*/
	* html .pkg { height: 1%; }
	.pkg { display: block; }


/*| 01. Font Formating |*/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
	
	h1{
		font-size:11px;
		font-weight:bold;
		color:#0E284B;
	}
	
	h2{
		font-size:12px;
		font-weight:bold;
		color:#0E284B;
	}
	h3{
		font-size:11px;
		font-weight:bold;
		color:#FF4D00;
		margin: 30px 0 0 0;
	}
	h4{
		font-size:11px;
		font-weight:bold;
		color:#5B6D85;
	}
	hr{
		width: 100%;
		color:#CCD0D9;
		background-color:#CCD0D9;
		height:1px;
		border: none;
		margin: 0px 0 15px 0;/margin: -10px 0 0px 0;
		padding: 0;
	}
	
	p{
		font-size:11px;
		color:#0E284B;
	}
	a:link {
		color:#FF4D00;
		text-decoration:none;
	}
	a:visited {
		color:#FF4D00;
		text-decoration:none;
	}
	a:hover{
		color:#FF4D00;
		text-decoration:underline;
	}
	.normal{
		font-size:11px;
		color:#0E284B;
		font-weight:normal;
	}
	
	ul {
		margin: 0 0 0 5px;
		padding: 0;
		
	}
	
	li {
		margin: 8px 0 8px 0;
		padding: 0 0 0 20px;
		list-style-type: none;
		background-position:0px 2px;
	}
	
	li a {
	
	}
	
	
	a.white{
		color:#FFFFFF;
	}
	.mySelect{
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size:9px;
		color:#0E284B;
		border:1px solid #0E284B;
	}
	.orngBold{
		font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#ff4d00;
	}
	.orng{
		font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
		font-size:11px;
		color:#ff4d00;
	}
	.bluBold{
		font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#0E284B;
	}
	
	
/*| 03. Divisions |*/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
	
	
	#main{
	
		width:1030px;
		margin: 0px auto 0px auto;
		height:100%;
		/*vertical-align:top;*/
	}
	#container
	{
		
		display: inline; /* ie win bugfix */
   		position: relative;
   		float: left;
   		min-height: 1px;
		width:100%;
		background-image:url('../img/bc/body_bgr.jpg');
		background-repeat:repeat-y;
		background-position: center;


	}
	
	#leftGradient{
		display:inline;
		float:left;		
		background-image:url('../img/bc/left_gradient.jpg');
		background-position:top left;
		background-repeat:no-repeat;
		width:35px;
		height:500px;
		
	}

	#page{
		display:inline;
		float:left;
		background-color:#FFFFFF;
		width:960px;
	}

	#rightGradient{
		display:inline;
		float:left;		
		background-image:url('../img/bc/right_gradient.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		width:35px;
		height:500px;
	}	

	/*****************************************************************************/
	#topBar{
		width:960px;
		height:33px;
		background-color:#0E284B;		
		background-image: url('../img/header/topbar_title.gif');
		background-position:top left;
		background-repeat:no-repeat;
		
		text-align:right;
	}
	
	#topBarContent{
		width:455px;
		float:right;
		height:33px;
		margin:0 0px 0 0px;
	}
	
	#topBarTxt{
		color:#fff;
		line-height:20px;
		display:inline;
		float:left;
		margin:5px 6px 0px 0px;
	}
	
	#topBarTxt a {
		color:#fff;
	}
	
	#topLogin{
		display:inline;
		margin: 4px 0px 0px 0px;
		float:left;
	}
	
	#topGoBtn{
		margin: 7px 10px 0 0px;
		width: 30px;
		display:inline;
		float:left;
	}
	
	.topLoginField{
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size:9px;
		color:#0E284B;
		border:1px solid #0E284B;
		background-image:url(../img/uni/text_field.png);
		background-repeat:repeat-x;
		line-height:12px;
		padding:4px 0 0 7px;
		margin-top:2px;
		vertical-align:middle;
		height:14px;
	}
	/*****************************************************************************/
	
	
	#header{
		width:960px;
		background-color:#EF561E;
		border-top: 5px solid #FFFFFF;
		border-bottom: 4px solid #FFFFFF;
		height:200px;
		float:left;
		display:inline;
	}
	
	#headerWelcome{
		display:inline;
		float:left;
	}
	

	#mainNav{
		background-image:url('../img/bc/nav_bgr.gif');
		background-repeat:repeat-x;
		height:60px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width:100%;
		display: inline; /* ie win bugfix */
		position: relative;
		float: left;
		min-height: 1px;	
		z-index:500;
	}
	
	#mainNav-inner {
		 position: static;
	}
	
	#mainNavBtns{
	border:1px solid red;
		/* margin:17px 0px 0px 10px; */
	}
	
	#mainNavBtns #mainMenuContents img {
		margin:0;
		padding:0;
	}
	/**************************************************************************************/
	
	
	
	#contentFrame{
		width:960px;
		margin: 0px 0px 0px 0px;

	}	
	
	#leftContent{
		display:inline;
		float:left;		
		background-image:url('../img/bc/left_edge.jpg');
		background-position:top left;
		background-repeat:no-repeat;
		width:21px;
		height:585px;
		
	}
	
	#rightContent{
		display:inline;
		float:left;		
		background-image:url('../img/bc/right_edge.jpg');
		background-position:top left;
		background-repeat:no-repeat;
		width:21px;
		height:585px;
	}
	
	#content{
		background-image:url('../img/bc/nav_shade.jpg');
		background-repeat:no-repeat;
		display:inline;
		float:left;	
		width:918px;
		margin: 0px 0px 0px 0px;

	}

	#content-interior-title{
	    text-align:left;
		display:inline;
		float:left;	
		margin:45px 0 0 0;
	}
	
	#content-interior{
	    text-align:left;
		display:inline;
		float:left;	
    	width:800px;
    	padding: 0 0px 10px 20px;
	}	
	
	#content-interior li{
	    background: url(../img/uni/bullet.gif) no-repeat;
	}
	
/************************ Footer ********************************************************/
	
	#footer{
		background-image:url(../img/bc/footer_bar.jpg);
		background-repeat:no-repeat;
		background-position:center;
		min-height:43px;
		width:918px;
		display:inline;
		float:left;
		margin:20px auto 40px 20px;
	}
	
	#footerNav{
		margin:50px 0 10px 3px;
		float:left;
		display:inline;
		
	}
	#footerNav a:link{color:#0E284B;text-decoration:none;}
	#footerNav a:visited{color:#0E284B;text-decoration:none;}
	#footerNav a:hover{color:#0E284B;text-decoration:underline;}	


	
/******************** styles for javascript popup forms *****************/
.bcForm
{
    visibility:hidden;
    left:0px;
    position:absolute;
    background-color:#EEEEEE;
    border:2px solid #AAAAAA;
    z-index: 500;
}

.bcForm img:hover
{
    border: 2px solid #FF4800;
}

/*********************   styles for the star rater   ******************/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	list-style-image: none;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	list-style-image: none;
}
.star-rating li a:hover{
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating.gif) left bottom;
	z-index: 2;
	left: 0px;
	list-style-image: none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}	

/*********************   styles for the star rater gray ******************/
.star-rating-gray{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating_gray.gif) top left repeat-x;		
}
.star-rating-gray li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	list-style-image: none;
	/* */
}
.star-rating-gray li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	list-style-image: none;
}
.star-rating-gray li a:hover{
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating_gray.gif) left bottom;
	z-index: 2;
	left: 0px;
	list-style-image: none;
}
.star-rating-gray a.one-star{
	left: 0px;
}
.star-rating-gray a.one-star:hover{
	width:25px;
}
.star-rating-gray a.two-stars{
	left:25px;
}
.star-rating-gray a.two-stars:hover{
	width: 50px;
}
.star-rating-gray a.three-stars{
	left: 50px;
}
.star-rating-gray a.three-stars:hover{
	width: 75px;
}
.star-rating-gray a.four-stars{
	left: 75px;
}	
.star-rating-gray a.four-stars:hover{
	width: 100px;
}
.star-rating-gray a.five-stars{
	left: 100px;
}
.star-rating-gray a.five-stars:hover{
	width: 125px;
}
.star-rating-gray li.current-rating{
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating_gray.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}	

/*********************   styles for the star rater dark gray ******************/
.star-rating-darkgray{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating_darkgray.gif) top left repeat-x;		
}
.star-rating-darkgray li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	list-style-image: none;
	/* */
}
.star-rating-darkgray li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	list-style-image: none;
}
.star-rating-darkgray li a:hover{
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating_darkgray.gif) left bottom;
	z-index: 2;
	left: 0px;
	list-style-image: none;
}
.star-rating-darkgray a.one-star{
	left: 0px;
}
.star-rating-darkgray a.one-star:hover{
	width:25px;
}
.star-rating-darkgray a.two-stars{
	left:25px;
}
.star-rating-darkgray a.two-stars:hover{
	width: 50px;
}
.star-rating-darkgray a.three-stars{
	left: 50px;
}
.star-rating-darkgray a.three-stars:hover{
	width: 75px;
}
.star-rating-darkgray a.four-stars{
	left: 75px;
}	
.star-rating-darkgray a.four-stars:hover{
	width: 100px;
}
.star-rating-darkgray a.five-stars{
	left: 100px;
}
.star-rating-darkgray a.five-stars:hover{
	width: 125px;
}
.star-rating-darkgray li.current-rating{
	background: url(http://www.broncoscountry.com/resources/img/ratings/rating_darkgray.gif) left center;
	position: relative; /* differs from the others, which are absolute */
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	left: 0; /* unique to this darkgray style */
}		

#profanity {
	margin: 0 8px 30px 4px;
	padding: 8px 0;
	border: 1px solid #f00;
	border-width: 1px 0;
}

#profanity p {
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #f00;
	background: transparent url('../img/uni/icon_profanity_star.gif') no-repeat 6px 2px;
}

/********************** message **********************/
.message {
	position: relative;
	top: 5px;
	border-color: #d93c0f;
	border-width: 1px;
	border-style: solid;
	background-color: #f1c0a8;
	font-family: Arial;
	font-size: 12px;
	padding-right: 20px;
}

.message span {
	font-weight: bold;
}

.message h1 {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}

.message p.status {
	text-align: center;
}

/******** calendar *******/
table.calendar
{
    width:230px;
    border:0px solid #888;    
    border-collapse:collapse;
}

table.calendar td 
{
    width:30px;
    height: 28px;
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
}

table.calendar .days
{
    background-color: #F1F3F5;
}

table.calendar th 
{
    border-collpase:collpase;
    border:1px solid #888;
    background-color: #E9ECEF;
}

/************ groups ***************/
.group_user{
	border-bottom: 1px dotted #b2b2b2;
	padding: 3px;
	margin: 3px auto;
	height: 27px;
}

.group_name{
	color: #ED6926;
	font-size: 14px;
	margin: 0;
}

.group_user div{
	float:left;
}	

.orange{
	color:#FF4C00;
}

.user_name{
	width: 190px;
	font-weight: bold;
}

.join_date{
	width: 190px;
}	

.announcements{
	width: 140px;	
}

.events{
	width: 140px;		
}

.clear{
	clear:both;
}

#group_list_header{
	margin: 0 auto;
}

#group_list_header div{
	float:left;
}

.clear{
	clear:both;
}

#mass_filter{
}

#alpha_filter{
	width: 410px;
}

#alpha_filter a{
	margin: 3px;
}

#pagination{
	width: 150px;	
}

#text_filter{
	font-weight: bold;
}

.group_item{
	clear:both;
	border-bottom: 1px dotted #b2b2b2;
	margin: 0 auto;		
}

.details{
	width: 600px;
	float:left;
	padding-top: 2px;
}

.details h1{
	float:left;
	margin-top:0px;
}

.details p{
	clear:both;
}

.details img{
	vertical-align:text-bottom;
	margin: 0 5px;
}	

.actions{
	float:left;
	margin: 5px;
}	

#left{
	width: 48%;
	float:left;
}
#right{
	width: 48%;
	float:left;
}	

#group_my_group{
	background-image:url(../img/groups/my_group_background.png);
	width: 394px;
	height:277px;
	position:relative;
}

#my_group_details{
	margin-top: 55px;
	margin-left: 15px;
	position:absolute;
	width: 121px;
	height: 193px;
}

#my_group_image{
	margin-top: 17px;
	margin-left: 150px;
	position:absolute;
	width: 230px;
	height: 224px;
}	

#group_calendar{
	background-image:url(../img/groups/group_calendar_background.png);
	width: 394px;
	height:277px;
	position:relative;	
}

#group_calendar_new{
	margin-top: 55px;
	margin-left: 15px;
	position:absolute;
}

#upcoming_title{
	margin-top: 90px;
	margin-left: 15px;
	position:absolute;
}

#upcoming_event1{
	margin-top: 110px;
	margin-left: 15px;
	position:absolute;
}
#upcoming_event2{
	margin-top: 145px;
	margin-left: 15px;
	position:absolute;
}
#upcoming_event3{
	margin-top: 180px;
	margin-left: 15px;
	position:absolute;
}

#group_calendar_widget{
	margin-top: 17px;
	margin-left: 150px;
	position:absolute;
	width: 230px;
	height: 224px;
}

#group_description{
}

#group_announcements{
}

.group_announcement{
	border-bottom: 1px dotted #b2b2b2;
	margin-bottom: 15px;
}

.group_announcement .left{
	float:left;
	width: 90px;
	height: 110px;
	text-align:center;
}

.group_announcement .right{
	float:left;	
	width: 370px;
	padding: 10px;
}	

.group_announcement h1, .group_announcement h2{	
	color: #FF4D00;
}

#group_members{
}

#group_members .member{
	width: 25%;
	float: left;
	text-align:center;
}	

.postage_stamp, .panel{
	margin: 25px auto;
	clear:both;
}

#my_announcements_title{
	background-image:url(../img/groups/group_announcement_header.png);							
	min-height: 28px;
	width: 472px;
}
#my_announcements_title div{
	float:right;
	padding: 7px 0;
}	
#my_members_title{
	background-image:url(../img/groups/group_members_header.png);							
	min-height: 28px;
	width: 472px;
}
#my_members_title div{
	float:right;
	padding: 7px 0;
}	
#my_groups_title{
	background-image:url(../img/groups/group_panel_title.png);							
	min-height: 20px;
	width: 416px;
}
#my_groups_title div{
	float:right;
}							
#my_groups{
	background-image:url(../img/groups/group_panel_bg.png);
	min-height: 50px;
	width: 420px;
	margin-bottom: 35px;								
}
.my_groups_top{
	height: 20px;
}
.my_groups_top_left{
	width: 315px;
	float:left;
}
.my_groups_buttons{
	float:left;
	width:100px;
}
.my_groups_arrow{
	margin-right: 5px;
	cursor: pointer;
}
.my_groups_top strong{
	margin-right: 15px;
}		
.my_groups_top span{
	margin-right: 15px;
}					
.my_groups_bottom{
	padding-left: 18px;
	display:none;
}
.my_groups_members{
	color:#FF4D00;
}	
.my_groups_members p{
	color:#FF4D00;
	margin: 0 0 2px 0;									
}								
.my_groups_members p{
	margin: 0 0 2px 5px;
}								
.my_groups_announcments p{
	color:#FF4D00;
	margin: 0 0 2px 0;								
}					
.my_groups_events p{
	color:#FF4D00;
	margin: 0 0 2px 0;							
}	




/* NEW HOME PAGE STUFF */

/* MAIN IMAGE */
.main-image {
	width:609px;
	height:333px;
	background-image:url(../img/main-image.jpg);
	background-repeat:no-repeat;
}

.main-image a {
	display:block;
	width:89px;
	height:31px;
	text-decoration:none;
	text-indent:-9999px;
	position:absolute;
	top:275px;
	left:441px;
}

/* MAIN-SECTIONS */
.main-sections {
	width:402px;
	float:left;
}

.main-sections .latest-activity-wrapper {
	margin-bottom:14px;
}

.main-sections .blog-postings-wrapper {
	margin-bottom:14px;
}

.main-sections #last {
	margin-bottom:0px;
}

/* LATEST ACTIVITY */
.latest-activity-wrapper {
	width:402px;
	height:197px;
	background-image:url(../img/latest-activity-bg.gif);
	background-repeat:no-repeat;
}

.latest-activity-wrapper .title {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:40px;
	margin-left:30px;
	color:#0e284b;
	width:260px;
}

/* THUMBNAILS WRAPPER */
.thumbnails-wrapper {
	height:139px;
	width:370px;
	margin-left:30px;
}

.thumbnails-wrapper .thumbnail {
	width:70px;
	margin-right:20px;
	margin-top:4px;
	float:left;
}

.thumbnail .image-wrapper {
	width:70px;
	height:52px;
	position:relative;
}

.image-wrapper .enlarge {
	background-image:url(../img/enlarge-btn.gif);
	background-repeat:no-repeat;
	bottom:0;
	position:absolute;
	right:0;
}

.image-wrapper .enlarge a {
	display:block;
	width:16px;
	height:16px;
}

.thumbnail .user {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:9px;
}

.thumbnail .user a {
	text-decoration:none;
	color:#0e284b;
}

.thumbnail .user a:hover {
	text-decoration:underline;
}

/* BLOG POSTINGS */
.blog-postings-wrapper {
	width:402px;
	height:140px;
	background-image:url(../img/blog-postings-bg.gif);
	background-repeat:no-repeat;
}

.post-wrapper {
	padding-top:45px;
}

.post-wrapper .post {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-left:17px;
	padding-bottom:6px;
}

.post-wrapper .post .username {
	text-decoration:none;
	font-weight:bold;
	color:#0e284b;
}

.post-wrapper .post .username:hover {
	text-decoration:underline;
}

.post-wrapper .post .title {
	text-decoration:none;
	font-weight:bold;
	color:#FF4D00;
}

.post-wrapper .post .title:hover {
	text-decoration:underline;
}

.post-wrapper .post a {
	font-weight:normal;
	color:#0e284b;
}

.post-wrapper .post a:hover {
	text-decoration:none;
}

.post-wrapper .more {
	float:right;
	padding-right:6px;
}

.post-wrapper .more a {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#0e284b;
}

.post-wrapper .more a:hover {
	text-decoration:underline;
}

/* GROUP EVENT */
.group-event-wrapper {
	width:402px;
	height:140px;
	background-image:url(../img/group-event-bg.gif);
	background-repeat:no-repeat;
}

.event-wrapper {
	padding-top:57px;
}

.event-wrapper .post {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0e284b;
	margin-left:17px;
	padding-bottom:6px;
}

.event-wrapper .post .username {
	text-decoration:none;
	font-weight:bold;
	color:#0e284b;
}

.event-wrapper .post .title {
	text-decoration:none;
	font-weight:bold;
	color:#0e284b;
}

.event-wrapper .post .groupname {
	text-decoration:none;
	font-weight:bold;
	color:#FF4D00;
}

.event-wrapper .post .groupname:hover {
	text-decoration:underline;
}

.event-wrapper .post .username:hover {
	text-decoration:underline;
}

.event-wrapper .post a {
	font-weight:normal;
	color:#0e284b;
}

.event-wrapper .post a:hover {
	text-decoration:none;
}

.event-wrapper .more {
	float:right;
	padding-right:6px;
}

.event-wrapper .more a {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#0e284b;
}

.event-wrapper .more a:hover {
	text-decoration:underline;
}


/* GROUP CHATTER */
.group-chatter-wrapper {
	float:left;
	display:inline;
	width:297px;
	height:159px;
	background-image:url(../img/group-chatter-bg.gif);
	background-repeat:no-repeat;
	margin:10px 0 10px 5px;
}

.chatter-wrapper {
	float:left;
	padding-top:45px;
}

.chatter-wrapper .post {
	float:left;
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0e284b;
	padding-bottom:6px;
	margin-left:5px;
}

.chatter-wrapper .post .username {
	text-decoration:none;
	font-weight:bold;
	color:#0e284b;
}

.chatter-wrapper .post .groupname {
	text-decoration:none;
	font-weight:bold;
	color:#FF4D00;
}

.chatter-wrapper .post .groupname:hover {
	text-decoration:underline;
}

.chatter-wrapper .post .username:hover {
	text-decoration:underline;
}

.chatter-wrapper .post a {
	font-weight:normal;
	color:#0e284b;
}

.chatter-wrapper .post a:hover {
	text-decoration:none;
}

.chatter-wrapper .more {
	float:right;
	padding-right:6px;
}

.chatter-wrapper .more a {
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#0e284b;
}

.chatter-wrapper .more a:hover {
	text-decoration:underline;
}





/* CALLOUTS-HORIZONTAL */
.callouts-horizontal {
	width:610px;
	height:156px;
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#0e284b;
	margin-top:15px;
}

.callouts-horizontal .latest-citizen-wrapper {
	margin-right:16px;
}

.callouts-horizontal .slideshow-wrapper {
	margin-right:16px;
}

.callouts-horizontal a {
	text-decoration:none;
	color:#0e284b;
}

.callouts-horizontal a:hover {
	text-decoration:underline;
}

/* CALLOUTS-VERTICAL */
.callouts-vertical {
	width:192px;
	font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#0e284b;
	margin-left:15px;
	margin-top:1px;
	float:left;
}

.callouts-vertical .latest-citizen-wrapper {
	margin-bottom:10px;
}

.callouts-vertical .slideshow-wrapper {
	margin-bottom:10px;
}

.callouts-vertical a {
	text-decoration:none;
	color:#0e284b;
}

.callouts-vertical a:hover {
	text-decoration:underline;
}

/* LATEST CITIZEN */
.latest-citizen-wrapper {
	width:192px;
	height:157px;
	background-image:url(../img/latest-citizen-bg.gif);
	background-repeat:no-repeat;
	float:left;
}

.latest-citizen-wrapper img {
	width:84px;
	height:63px;
	margin-left:54px;
	margin-top:43px;
}

.citizen-name {
	font-weight:bold;
	text-align:center;
	margin-top:16px;
}

.citizen-location {
	text-align:center;
}

/* SLIDESHOW */
.slideshow-wrapper {
	width:192px;
	height:157px;
	background-image:url(../img/slideshow-bg.gif);
	background-repeat:no-repeat;
	float:left;
}

.slideshow-wrapper a {
	margin-left:56px;
	margin-top:39px;
}

.slideshow-wrapper img {
	width:82px;
	height:82px;
}

.slide-back {
	float:left;
	margin-left:52px;
	margin-top:17px;
}

.slide-back a {
	display:block;
	text-indent:-9999px;
	width:40px;
}

.slide-next {
	float:left;
	margin-top:17px;
	margin-left:9px;
}

.slide-next a {
	display:block;
	text-indent:-9999px;
	width:40px;
}

/* NEW BADGES */
.new-badges-wrapper {
	width:192px;
	height:157px;
	background-image:url(../img/new-badges-bg.gif);
	background-repeat:no-repeat;
	float:left;
}

.new-badges-wrapper img {
	width:84px;
	height:84px;
	margin-left:51px;
	margin-top:34px;
}

.badge-name {
	font-weight:bold;
	text-align:center;
	margin-top:12px;
}

.loading-ajax {
	height:50px;
	width:98%;
	display:block;
	background:url(../img/loading29.gif) no-repeat center #ffffff;
}