/* Presentation stylesheet */
/* Use this one to customize look/feel */
/* $Id: presentation.css 33431 2007-12-03 09:45:34Z darren $ */

.spacerImage {
	visibility: hidden;
	width: 740px;
	height: 0px;
	z-index: -1;
	border: 1px solid red;
}


/* *************************************************************** */
/* B U T T O N S                                                   */

.buttonSubtitle {
	font-size: 0.85em;
	text-align: center;
}

/* Buttons */
a.button {
		width: 10em;  /* Default button width (medium) if none specified */
		float: right;
		height: 18px;
		margin-left: 0.5em;
		margin-bottom: 3px;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		text-transform: lowercase;
		background-color: #666;
		white-space: nowrap;
}
	a.button:hover {
		background-color: #333333;
	}
	span.inner1 {
		display: block;
		height: 18px;
		background-image: url('/tribe/images/redesign/buttons/button_wh_left.png');
		background-position: left;
		background-repeat: no-repeat;
	}
		.sidebar span.inner1, .solidBg span.inner1 {
			background-image: url('/tribe/images/redesign/buttons/button_gr_left.png');
		}
	span.inner2 {
		display: block;
		height: 18px;
		background-image: url('/tribe/images/redesign/buttons/button_wh_right.png');
		background-position: right;
		background-repeat: no-repeat;
		padding-top: 0px;
	}
		.sidebar span.inner2, .solidBg span.inner2 {
			background-image: url('/tribe/images/redesign/buttons/button_gr_right.png');
		}

/* a mac should use */
/*
span.inner2 {
	height: 16px;
	padding-top: 2px;
}
*/


a.primary {
	background-color: #FF6600;
}
a.primary:hover {
	background-color: #CC3300;
}

	a.short {
		width: 5em;
	}
	a.medium {
		width: 10em;
	}
	a.long {
		width: 14em;
	}

/* non-floated buttons */
.nofloat a.button {
	float: none;
	display: block;
	margin: 0;
}

/* sidebars buttons are full width    */
/* so we need to add the right amount */
#col-b a.button,
#col-a .centered a.button,  
#col-b .centered a.button 
{
	float: none;
	display: block;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
}

/* if they're in a .solidBg, they don't */
/* need the extra margin.               */
#col-b .solidBg a.button {
	margin-left: 0;
	margin-right: 0;
}

/* but if they're in a "buttons" div, make them */
/* appropriately sized and floated              */
#col-b .buttons {
	margin: 10px 0 4px 0;
}
	#col-b .buttons a.button {
		float: right;
		margin: 0 0 3px 0;
	}
	
	#col-b .buttons a.short {
		width: 6em;
	}
	#col-b .buttons a.medium {
		width: 12em;
	}
	#col-b .buttons a.long {
		width: 18em;
	}

/* OK, profiles are a little different - always full-width in col-b, */
/* always floated right in col-a. And on profiles buttons are always */
/* contained in a "buttons" div or a "buttons table.                 */

#pcard #col-b .buttons a.button {
	float: none;
	margin-left: 0;
	margin-right: 0;
	width: auto;
}
#pcard #col-a .buttons a.button {
	margin-left: 10px;
}
#pcard table.buttons {
	width: 100%;
}


/* for disabling buttons, use a format like this: */
/* <span class="diabledButton"><span class="inner1"><span class="inner2">$buttonTitle</span></span></span>  */

.diabledButton {
	width: 10em;  /* Default button width (medium) if none specified */
	float: right;
	height: 18px;
	margin-left: 0.5em;
	margin-bottom: 3px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	background-color: #999;
	white-space: nowrap;
	_font-size: .93em;
}

#D1 {
	display: inline;
}
#D2 {
	display: none;
}


/* END BUTTONS                                                     */
/* *************************************************************** */



/* *************************************************************** */
/* CONTENT BLOCKS, TITLES, PAGINATION, CONTROLS                    */


#contentHeader {
	margin-bottom: 5px;
	padding-left: 16px;
}
	#col-a #contentHeader {
		padding-left: 0;
	}
	#contentHeader h1 {
	}
	#contentHeader h1 .utility-link {
		font-size: .6em;
		font-weight: normal;
		white-space: nowrap;
	}
	#contentHeader .contentSubtitle {
		color: #4B5658;
		padding-top: 0.5em;
		padding-left: 0;
	}

/* HUB TITLES */

#contentHeader.hub {
	padding: 10px 16px 0;
}

#tribes .hub .pageTitle, 
#people .hub .pageTitle, 
#places .hub .pageTitle, 
#listings .hub .pageTitle {
    margin-right: 0.15em;
    display: inline;
    white-space: nowrap;
    text-align: left;
}

#tribes .hub .contentSubtitle, 
#people .hub .contentSubtitle, 
#places .hub .contentSubtitle, 
#listings .hub .contentSubtitle {
    font-weight: normal; 
    font-size: 1em;
    margin-left: 0em;
    white-space: nowrap;
    padding: 0;
}

/* BREADCRUMBS */
#breadcrumbs, #breadcrumbs h2 {
  font-size: 0.93em;
  text-transform: lowercase;
  font-weight: normal;
	white-space: nowrap;
}
	#breadcrumbs a {
		color: #777777;
	}

/* PAGINATION */
.pagination {
	color: #666666;
}
  .pagination .pageCountControls {
    text-align: left;
  }
		.pagination .pageCountControls a {
			color: #666666;
  	}
  .pagination .pagingControls {
    text-align: right;
  }
  	.pagination .pagingControls a {
  		text-decoration: none;
			color: #666666;
  	}
  	.pagination .pagingControls a:hover {
  		text-decoration: underline;
  	}
	.pagination table {
		width: 100%;
	}
	.pagination .delim {
	}

/* COLUMNS WITHIN CONTENT */
/* NOTE: we do this with a table because there is currently no way  */
/* to determine the proper width of this content--it's either fixed */
/* if there's an ad there, or a % if both columns are content. :-(  */

table.contentColumns {
	width: 100%;
}
	table.contentColumns td.columnL {
		padding-right: 16px;
	}
	table.contentColumns td.columnR {
		width: 65%;
	}
	table.contentColumns td.columnAd {
		width: 48%;
		text-align: center;
	}


div.contentColumns {
	clear: both;
}
	div.contentColumns div.columnL {
		float: left;
		width: 37%;
	}
	div.contentColumns div.columnR {
		float: right;
		width: 54%;
	}


/* CONTENT CONTAINER */
.contentContainer {
	position: relative; /* we've got absolutely positioned corner elements here */
	margin-bottom: 16px;
	padding: 11px;
}
	#col-b .contentContainer {
		margin-bottom: 16px;
		padding: 10px;
	}
	#col-b .sidebar { /* have to set this to 0 so selected backgrounds go to the edges */
		padding-left: 0px;
		padding-right: 0px;
	}

/* CONTENT TITLE */
/* TODO: add clearfix hack here directly so we don't need "clearfix" in markup */

.contentTitle {
	padding-bottom: 0.5em;
	overflow: hidden;
}
  .contentTitle h1, .contentTitle h2 {
    float: left;
    font-size: 1.4em; /* same as h2 */
		text-transform: lowercase;
		padding-bottom: 0.25em;
  }
	
	/* Title comment goes *inside* the h1, so the font-size is multiplied by .7 to bring it back to 1 em */	
	/* It has to go inside the h1 in order to get the baselines to line up */
	.contentTitle .titleComment {
    font-size: 67%;
    font-weight: normal;
	}

  .sortControls {
    text-align: right;
    font-size: 1em;
  }
  
  .steps {
    float: right;
    text-align: right;
  }  
  	.steps .current {
  		font-weight: bold;
  	}
  	
  .contentTitle .utility-link, .contentTitle .steps {
    float: right;
    text-align: right;
    font-size: 1em;
  }
	.contentTitle select {
		font-size: 1.05em;
	}
	.contentTitle .itemCount {
		color: #999999;
		margin-left: 1em;
		float: left;
	}
	.contentTitle h1 .itemCount,
	.contentTitle h2 .itemCount {
	 float: none;
	 font-weight: normal;
	 font-size: 0.8em;
	}

/* SUBTITLE */
.contentSubtitle { 
	padding: 3px 5px;
}

/* CONTENT CONTAINER */
.content {
  overf\low: hidden; /* hide from IE5 and IE 5.5 */
}
	.content .sectionDivider {
		border-bottom: 1px solid #D2CFCC;
		margin-top: 1em;
		padding-bottom: 0.3em;
	}
	
/* CONTENT FOOTER */
.contentFooter {
  font-size: 1em;
	margin-bottom: 10px;
	padding: 3px 10px;
	text-align: right;
}
  .contentFooter a {
    color: #000;
  }

/* CONTROLS (GOES AFTER .CONTENT SOMETIMES) */
.controls {
  padding: 3px 10px;
  position: relative;
}
  .controls .tip {
    width: 350px;
    float: left;
    font-size: 0.92em;
  }
  .controls .links {
  	position: absolute;
  	right: 20px;
  	top: 7px;
  }
  

/* SEARCH FORM IN SIDEBAR (LISTINGSSUBSET, ETC) */
.sidebarSearch {
	margin: 0 10px 1em;
}
	.sidebarSearch input[type="text"] {
		width: 95%;
		margin-bottom: 5px;
	}
	.sidebarSearch select {
		width: 100%;
		margin-bottom: 5px;
	}
	.sidebarSearch .extras {
		margin-bottom: 5px;
	}
.solidBg .sidebarSearch {
	margin-left: 0;
	margin-right: 0;
}

/* END CONTENT BLOCKS, TITLES, PAGINATION, CONTROLS                */
/* *************************************************************** */

/* *************************************************************** */
/* LEDGER TABLE                                                    */
/*                                                                 */
/* ledgerTable is the standard zebra                               */
/* table type. Be sure and set                                     */
/* cellpadding="0" and cellspacing="0"                             */
/* as well as (for now) setting odd and                            */
/* even <tr> classes.                                              */
/*                                                                 */
/* using the modified box model hack here                          */
/* see http://www.positioniseverything.net/articles/box-model.html */

table.ledgerTable {
	width: 100%;
}
* html table.ledgerTable {
  width: auto; /* ie 5x */
  w\idth: 100%; /* ie 6+ */
}

table.ledgerTable {
	border-collapse: collapse;
	margin-bottom: 20px;
}
	.ledgerTable .control {
		padding: 5px 0px;
	}
	.ledgerTable .control .group {
		float: left;
		margin: 2px 0px;
	}
	.ledgerTable .control .group div {
		white-space: nowrap;
	}
	.ledgerTable th {
		font-weight: bold;
		text-align: left;
		color: #666;
	}
	
	.ledgerTable th.centered {
		text-align: center;
	}	

 	.ledgerTable tr.tableHeader {
		background-color: #D2CFCC;
		height: 20px;
	}
		.ledgerTable tr.tableHeader td {
			padding: 1px 2px;
			font-weight: bold;
			border: none;
		}
		.ledgerTable tr.tableHeader td.last {
			background-image: url('/tribe/images/redesign/corners/table_hdr_right.png');
			background-position: right;
			background-repeat: no-repeat;
			border: none;
			text-align: center;
		}

	
	.ledgerTable tbody {
	}
		.ledgerTable td, .ledgerTable th {
			padding: 6px 2px 2px;
		    vertical-align: top;
			border-bottom: 1px solid #C9C9C9;
		}
			.ledgerTable td .description {
				font-size: 1.11em;
			}

			.ledgerTable td.postTitle {
			    padding-right: 1em;
			}
			
			.ledgerTable td.postAuthor {
			    padding-top: 4px;
			    font-size: 0.93em;
			}

			.ledgerTable td.postAuthor .onlineIcon {
			    background-position: 0 -2px;
			}

            .ledgerTable td.postAuthor .online {
                line-height: 23px;
            }
			
			.ledgerTable td.postDate {
                padding-top: 8px;
                color: #4B5658;
            }

     .action {
         color: #666;
     }

     .action a {
         margin-left: 0.5em;
         font-weight: bold;
         text-decoration: none;
         color: #000;
     }

     .action a:hover {
         text-decoration: underline;
     }
     
     
  /* table row colors */
  .even { }
  .odd { }


.ledgerTable th {
    padding: 4px 6px 4px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    color: #666;
    border-bottom: 1px solid #D2CFCC;
    margin-bottom: 3px;
}



.ledgerTable .replies {
   color: #000;
}

/* END LEDGER TABLE                                                */
/* *************************************************************** */




/* *************************************************************** */
/* GENERIC PCARD CONTAINER AND MODULE COMPONENTS                   */
/* unique classes are specified in module templates                */

/* I give up. we'll do pcard as a table. Thank you *so* much, Microsoft! */
#pcard.two-column #col-a {
	margin-left: 0;
	padding-left: 0;
}
#pcard.two-column #col-b {
	float: none;
	margin-left: 0;
	width: 170px;
}



#footer, #footer a {
	color: #666;
	font-size: 0.93em;
}

#pcard-breadcrumb {
  padding: 10px 16px;
}

#pcard-url {
	position: absolute;
	right: 16px;
	font-size: 0.91em;
}


#pcard #messages div {
  margin-bottom: 16px;
}

#pcard #tabs {
 margin: 0;
 padding-top: 10px;
}

#pcard .tabs {
 padding-top: 10px;
 padding-left: 16px;
}

.container, .containerSingle {
  background: white;  
  border: 1px solid #D2CFCC;
  margin-bottom: 16px;
}
	.containerSingle .moduleTitle {
		margin-bottom: 0.75em;
	}
	
	#pcard div.last {
	margin-bottom: -14px;  /* should roughly compensate for the standard padding on every .container */
	}

.newModule { /* new modules get different treatment - make sure this goes *after* .container */
	background: transparent;
	border: 1px dashed #333;
}
.moduleHeader {
}
.moduleHeaderContent {
	height: 1%; /* need this so IE can properly handle display:none for moduleToggle */
	padding: 6px;
}
.moduleControls {
	float: right;
} 
	.moduleControls div {
		float: left;
		padding-left: 5px;
	}
	.moduleControls .configureModule a img {
		background: url("/tribe/images/redesign/module_configure.gif") no-repeat ;
		margin-top: 4px;
		width: 18px;
		height: 10px;
	}
		.moduleControls .configureModule a:hover img {
			background: url("/tribe/images/redesign/module_configure_over.gif") no-repeat ;
		}
	.moduleControls .configureModule img.arrow {
	 background: none;
	 margin: 0 2px;
	 height: 5px;
	 width: 6px;
	}
	.moduleControls .tribecastModule img {
		background: url("/tribe/images/button_add.gif") no-repeat ;
		width: 14px;
		height: 14px;
	}
	.moduleControls .removeModule img {
		background: url("/tribe/images/redesign/module_close.gif") no-repeat ;
		margin-top: 2px;
		width: 11px;
		height: 11px;
	}
  .moduleControls .configureModule a, .moduleControls .configureModule a:visited {
    color: #333;
  }
	ul.moduleControls {
	 float: none; /* don't float the "click the icons to configure" line on empty modules */
	}
	
.module .button {
margin: 8px 0 12px 0;
}



.moduleTitle {
	margin-left: 15px;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 1px;
}
 	.identity .moduleTitle {
 		margin-left: 0;
 		padding-top: 7px;
 		padding-bottom: 7px;
 		text-align: center;
		overflow: hidden;
		font-size: 1.8em;
		line-height: 1.05em;
 	}

  /* no expand/collapse on this one */
 	.identity .moduleToggle { 
		display: none;
 	}
 	.identity div.avatar, .identity div.stats {
 	  text-align: center;
 	}
 	.identity .buttons {
 	  margin-top: 10px;
 	}
 	
	
 	
 	
.moduleHeaderContent .backLink {
	text-align: right;
	float: right;
}

.moduleToggle {
	float: left;
}
	.module .hideToggle {
		display: none;
	}

* html .moduleBody {
	display: inline-block;
}

.moduleBodyContentWrapper {
}

.moduleBodyContent {
  padding-top: 10px;
  padding-bottom: 2px;
	width: 100%;           /* need to set width and overflow: hidden      */
  overflow: hidden;      /* so long text hides and doesn't break layout */
}

#col-a .moduleBody {
	padding: 0 21px;
}

#col-b .moduleBody {
	padding: 0 7px;
	width: 150px;
	overflow: hidden;
}

.fullBleed .moduleHeader {
  margin-right: 5px;
}

.fullBleed .moduleToggle {
  margin-left: 5px;
}
.fullBleed .moduleTitle {
  margin-left: 22px;
}

.module .date {
	color: #666;
}


/* Module Configuration */

.moduleConfiguration {
}
	.moduleConfiguration h1 {
		margin-bottom: 0.4em;
	}

	.moduleConfiguration .configIcon {
		width: 26px;
		float: left;
	}
	.moduleConfiguration .configContent {
		margin-left: 35px;
	}
	
/* Module Toggle Open/Closed */

.moduleCollapsed {
	background: url("/tribe/images/redesign/mod_collapsed.gif") no-repeat ;
	width: 12px;
	height: 12px;
	margin-top: 2px;
}
.moduleExpanded {
	background: url("/tribe/images/redesign/mod_expanded.gif") no-repeat ;
	width: 12px;
	height: 12px;
	margin-top: 1px;
}

/* Virgin Modules */
#col-a .newHeader {
	margin-left: auto;
	margin-right: auto;
}

/* Layout Modules */
.layoutModuleTitle {
	text-transform: capitalize;
}
.pluginSource, .post .category {
	font-size: 0.85em;
}


/* END GENERIC CONTAINER AND MODULE COMPONENTS                     */
/* *************************************************************** */


/* *************************************************************** */
/* HUB PAGES                                                       */

#hub .contentContainer {
	border: none;
	padding: 0;
}
	#hub .contentContainer .extra1,
	#hub .contentContainer .extra2,
	#hub .contentContainer .extra3,
	#hub .contentContainer .extra4 {
		display: none;
	}
#hub .searchResultLineItem {
	border: none;
}
#hub h2, #hub h2 a {
	margin-bottom: 1em;
}
#hub .subtitle {
	font-size: 0.92em;
	margin-bottom: 20px;
}
#hub .justPosted {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-right: 25px;
	margin-bottom: 15px;
}
	#hub .justPosted .searchResultLineItem {
		padding: 0;
	}
		#hub .justPosted .searchResultLineItem .photo,
		#hub .justPosted .searchResultLineItem .category,
		#hub .justPosted .searchResultLineItem .description,
		#hub .justPosted .searchResultLineItem .picMugshot {
			display: none;
		}
		#hub .justPosted .searchResultLineItem .title {
			font-size: 1em;
		}
		#hub .justPosted .searchResultLineItem .data {
			margin: 0;
		}

#hub .localFeatured {
}
	#hub .localFeatured .mainFeatured {
		margin-bottom: 20px;
	}

#hub .hubLayoutTable .mainFeatured {
	margin-bottom: 20px;
	float: none;
}
#hub .hubLayoutTable {
	width: 100%;
	margin: 0 auto;
}
#hub .hubLayoutTable td.columnDivider {  /* man, I hate this crap */
	width: 15px;
}
#hub .hubLayoutTable .mcCompact {
	width: 100%;
	border: none;
	margin-bottom: 15px;
}
#hub .hubLayoutTable .tribe {
	border: none;
	clear: both;
	margin-bottom: 15px;
}
#hub .hubLayoutTable .tribe .description {
	display: none;
}

#hub .recentPostsModule .topic {
	margin-bottom: 15px;
	line-height: 1.3em;
}
	#hub .recentPostsModule .topic .title {
		font-size: 1em;
	}
	#hub .recentPostsModule .topic .description, #hub .recentPostsModule .topic  .category {
		display: none;
	}
	
#hub #welcomeMessage {
	text-align: center;
}
	#hub #welcomeMessage img {
		margin-bottom: 20px;
	}
	#hub #welcomeMessage h1 {
		font-size: 2em;
		font-weight: normal;
	}

#hub .hubSearchContainer {
	border: 1px solid #C6C5CB;
	margin: 20px auto;
}
	#hub .hubSearchContainer td {
		padding: 8px;
	}

#hub #welcomeSearch {
	margin-bottom: 20px;
}
	#hub #welcomeSearch table {
		margin: 0 auto;
	}
	#hub #welcomeSearch table #searchFor {
		background-color: #F7FFDB;
		font-size: 1.5em;
		color: #999999;
	}
	#hub #welcomeSearch .welcomeSearchButton {
		margin-left: 15px;
	}
	
#hub .hubLayoutTable .recentTopicsColumn {
	width: 250px;
}
	#hub .hubLayoutTable .recentTopicsColumn .searchResultLineItem {
		overflow: hidden;
	width: 250px;
	}
	
/* END HUB PAGES                                                   */
/* *************************************************************** */


/* *************************************************************** */
/* WELCOME (WWW) PAGE                                              */

#welcomeMasthead {
	position: relative;
	height: 30px;
	margin: 0;
	background-color: #FFFFFF;
	background: url("/tribe/images/redesign/masthead/welcomeMastheadBg.gif") no-repeat;
	z-index: 2000;
}
	#welcomeMasthead input[type="text"], #mastheadLoginForm input[type="password"] {
		color: #666;
	}
	#welcomeMasthead #help {
		padding-left: 10px;
		padding-right: 10px;
	}
	#welcomeMasthead #button {
		padding-left: 10px;
		padding-right: 10px;
	}
	#welcomeMasthead .welcomeMastheadJoinButton {
		width: 85px;
		height: 18px;
		color: #FFF;
		font-weight: bold;
		border: none;
		background: url("/tribe/images/redesign/buttons/button_welcome_join_bg.gif") no-repeat;
	}

/* END WELCOME (WWW) PAGE                                          */
/* *************************************************************** */

/* *************************************************************** */
/* RSS MODULE STYLES                                               */

.rss .thumbnail {
	float: left;
	width: 8em;
	margin: 0.5em 0.5em 0.5em 0;
}
#col-b .rss .thumbnail {
	float: left;
	width: 4.75em;
	margin: 0.25em 0.25em 0.25em 0;
}

/* Default feed images sizes (override in custom.css) */
#col-a .rss .summary img {
	max-width: 500px;
	margin-top: 4px;
	margin-right: 8px;
/*	width:expression(parseInt(document.getElementById('col-a').style.width)*0.9); */
	width: expression(this.width > 500 ? 500: true); 
}
#col-b .summary img {
	max-width: 150px;
	margin-right: 5px;
	width: expression(this.width > 150 ? 150: true); 
	height: auto;
}
#home #col-a .rss .summary img,
#home #col-b .rss .summary img,
#home #col-c .rss .summary img {
	max-width: 292px;
	width: expression(this.width > 292 ? 292: true); 
}
#home #col-c .rss .summary div {
	max-width: 300px;
	overflow: hidden;
	width: expression(this.width > 300 ? 300: true); 
}


/* END RSS MODULE STYLES                                           */
/* *************************************************************** */




/* *************************************************************** */
/* IDENTITY MODULE STYLES                                          */

/* Default Identity display (so you can override in custom.css) */
.identity .stats {
	width: 99%;
	margin: 2px 0;
}
.identity .stats td {
  padding: 2px 2px 0 0;
  padding-right: 2px;
  vertical-align: center;    
}
  .identity .stats td.status {
    font-weight: regular;  
    padding-left: 12px;
    vertical-align: center;
  }
  .identity .stats .online td.status {
    font-weight: bold;  
    background: url("/tribe/images/icon_online.gif") center left no-repeat;   
  }
  .identity .stats .offline td.status {
    background: url("/tribe/images/icon_offline.gif") center left no-repeat;   
  }
  .identity .employee .online td.status {  
    background: url("/tribe/images/icon_online_emp.gif") center left no-repeat;   
  }
  .identity .employee .offline td.status {
    background: url("/tribe/images/icon_offline_emp.gif") center left no-repeat;   
  } 
  .identity .subscribe .online td.status {
    background: url("/tribe/images/icon_online_sub.gif") center left no-repeat;
  }
  .identity .subscribe .offline td.status {
    background: url("/tribe/images/icon_offline_sub.gif") center left no-repeat;
  }
 
.identity .stats td.friendCount {
  text-align: right;
  width: 90%;
}
* html .identity td.friendCount, * html .identity td.status {
  padding-bottom: 1px;
}

/* END IDENTITY MODULE STYLES                                      */
/* *************************************************************** */




/* *************************************************************** */
/* RECENT ACTIVITY MODULE STYLES                                   */

.recentactivity .item {
	border-bottom: 1px solid #D2CFCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.recentactivity .poster {
	width: 50px;
	float: right;
	margin-left: 5px;
}

.recentactivity .category {
	font-size: 0.92em;
	color: #666;
}

.recentactivity .post, .lookingfor .post {
	clear: both;
	margin: 0 0 2em 0;
}
.recentactivity .category, .lookingfor .category {
	margin-bottom: 0.5em;
}
.recentactivity .summary, .lookingfor .summary {
	display: block;
	font-style: italic;
}
.recentactivity .secondary, .lookingfor .secondary {
	margin-top: 0.5em;
	display: block;
}
.recentactivity .secondary .date, .lookingfor .secondary .date {
	padding-right: 8px;
}
.recentactivity .photo, .lookingfor .photo {
	float: left;
	margin: 0 1em .5em 0;
}


/* END RECENT ACTIVITY MODULE STYLES                               */
/* *************************************************************** */

/* *************************************************************** */
/* BLOG MODULE STYLES                                              */

.private {
  color: #EE3024;
  font-style: italic;
  font-weight: normal;
  font-size: 1em;
  margin-right: 0.25em;
}
h1 .private { font-size: 0.7em; }
h2 .private { font-size: 0.8em; }

/* END BLOG MODULE STYLES                                          */
/* *************************************************************** */




/* *************************************************************** */
/* SINGLE PHOTO MODULE STYLES                                      */

.singlephoto {
   margin: 0;
   padding: 0;
}

.singlephoto .photo { 
	text-align: center;	
	width: 100%; 
	margin: 0;
	padding: 0;
	border: none;
	display: block;
}
.singlephoto .caption {
  padding-bottom: 15px;
}
/* default singlephoto padding */
.singlephoto .moduleBody, #col-a .singlephoto .moduleBody {
	padding: 5px;
}

/* full bleed settings - this applies to moduleBody only */
#col-a .fullBleed .singlephoto .moduleBody, #col-b .fullBleed .singlephoto .moduleBody { 
  padding: 0;
}

/* This should be the same width as the default feed image sizes above */
#col-a .singlephoto .photo img  {
	max-width: 500px;
	width: expression(this.width > 500 ? 500: true);
	height: auto;
}

/* Full bleed maxwidth = column width minus border width */
#col-a .fullBleed .singlephoto .photo img  {
	max-width: 553px; 
	width: expression(this.width > 553 ? 553: true);
	height: auto;
}

/* This should be the same width as the default feed image sizes above */
#col-b .singlephoto .photo img {
	max-width: 150px;
	width: expression(this.width > 150 ? 150: true);
	height: auto;
}

/* if the photo is set to crop, then don't set a max-width */
#col-a .singlephoto .photo img.picFull, #col-b .singlephoto .photo img.picFull {
  max-width: none;
	width: expression(true); /* this is like saying max-width:none for IE6 */
}
#col-a .singlephoto .photo .photoHolder {
	width: 560px;
}
#col-b .singlephoto .photo .photoHolder {
	width: 168px;
}

/* SINGLE PHOTO MODULE STYLES                                      */
/* *************************************************************** */

/* *************************************************************** */
/* PHOTO ALBUM                                                     */

.photoAlbum {}

#albumControls {
	margin: 10px 0;
}
#albumPrint {
  float: left;
}
#albumSort {
  float: right;
}

.photoAlbum .photoAlbumTable {
		width: 100%;
	}
  .photoAlbum .photoAlbumTable .photoAlbumCell {
    padding: 20px 10px;
  }
    .photoAlbum .photoAlbumTable .photoAlbumCell .photoTable td { 
      text-align: center;
      background: transparent; 
      padding: 10px;
      margin: 10px;
      border: 1px solid #ccc;      
    }
    .photoTable .title {
      margin-top: 0.5em;
      margin-left: auto;
      margin-right: auto;
      width: 180px;
      overflow: hidden;      
    }
    .photoTable .privacy { font-style: italic; }
    .photoTable .buttons { padding-top: 0.5em; }

#photoAlbum .photoAlbumPhoto .pagination {
	border: none;
}

#photo #col-a {
	padding-left: 65px;
	padding-right: 65px;
}
#photo #relatedItems {
	margin-left: 70px;
	margin-right: 70px;
}

#photo #photoCol {
  float: left;
  width: 480px;
}
#photo #photoWrap {
  text-align: center;
}
#photo #description {
  margin-top: .5em;
  text-align: left;  
}

#photo .meta {
  margin-top: 1em;
  color: #666;
}
  #photo .meta a:link, #photo .meta a:visited  { color: #666; }
  #photo .photoTable .meta { 
    margin-top: 0.5em; 
    padding: 0;
  }
  
  
#photo .controls {
  width: 300px;
  float: right;
}

#photo #options {
  background: #D2CFCC;
  border: 1px solid #ccc;
  padding: 6px;  
  margin-bottom: 1em;
}
#photo #options ul  {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  }
  #photo #options ul li {
  	margin-top: 1px;
    margin-left: 5px;
  }
  #photo #options a:visited {
    color: #02c;  
  }
  
#photo #morePhotos h3 {
  margin-bottom: 0.5em;
}

#photo #titleFormWrap {
  float: left;
  display: none;
}

#photo #privacy {
	margin: 0 0 2em 0;
}
#photo #privacyContent {
  font-size: 1em;
	color: #666;
	font-style: italic;
}

#photo #privacyFormWrap, #descriptionFormWrap {
  display: none;
}

#photo #comments {
  margin-top: 1.5em;
}
#photo .comment {
  padding: 1em 0;
  border-top: 1px solid #D2CFCC;
}
  #photo .comment .person {
    width: 52px;
    float: left;
  }
  #photo .comment .title, 
  #photo .comment .date, 
  #photo .comment .body
  {
		margin-left: 60px;
		margin-bottom: .5em;
  }
  #photo .comment .date {
    color: #666;
    font-weight: bold;
  }
  #photo .last {
    border-bottom: 1px solid #666;  
  }

#photo textarea#addComment, #photo textarea#descriptionField, #addPhotoCommentForm div.buttons {
  width: 480px;
}

/* PHOTO ALBUM                                                     */
/* *************************************************************** */

/* *************************************************************** */
/* RECENT TOPICS WIDGET                                            */

#recentTopics {
	margin-bottom: 0;
}
	#recentTopics .ledgerTable .authorCol,
	#recentTopics .ledgerTable .repliesCol	{
		text-align: center;
	}

/* RECENT TOPICS WIDGET                                            */
/* *************************************************************** */

/* *************************************************************** */
/* PEOPLE.VM STYLES                                                */

#people .recentlyUpdatedModule table {
	width: 100%;
}
	#people .recentlyUpdatedModule .photo {
		overflow: hidden;
		height: 100px;
		width: 100px;
		margin-bottom: 15px;
    text-align: center;
	}
	#people .recentlyUpdatedModule .photo img {
    margin-left: -25px; /* this centers the cropped photo in it's frame */
	}

#people .featuredItem {
}
	#people .featuredItem .minicard {
		float: left;
	}
	#people .featuredItem .featuredData {
		margin-left: 60px;
		margin-right: 10px; 
	}

/* PEOPLE.VM STYLES                                                */
/* *************************************************************** */

/* *************************************************************** */
/* BROWSEPEOPLE.VM STYLES                                          */

.browsePeopleTable {
	margin: 10px auto;
}
.browsePeopleTable td {
	padding: 5px;
}
/* BROWSEPEOPLE.VM STYLES                                          */
/* *************************************************************** */

/* *************************************************************** */
/* PEOPLESEARCH STYLES                                             */

/* peoplesearch has a different look for contentContainer */

#peopleSearch #col-a .contentContainer {
	border: none;
	padding: 0;
}
	#peopleSearch #col-a .contentContainer .extra1,
	#peopleSearch #col-a .contentContainer .extra2,
	#peopleSearch #col-a .contentContainer .extra3,
	#peopleSearch #col-a .contentContainer .extra4 {
		display: none;
	}


/* PEOPLESEARCH STYLES                                             */
/* *************************************************************** */


/* *************************************************************** */
/* DISCUSSION THREADS                                              */

#tribeThread .content ul {
  margin: 0;
  padding: 0;
  padding-left: 15px;
	list-style: none;
}

  #tribeThread .content ul.unthreaded, 
  #tribeThread .content ul.maxDepth {
    padding-left: 0;
  }

#tribeThread .content h2 {
  display: inline;
  padding-right: 1em;
}

#tribeThread li {
  margin: 0;
  padding: 0;
}

#tribeThread .posted {
  color: #666;
  margin-top: .5em;
}
#tribeThread .content .date {
  display: inline;
}
#tribeThread .content .responsesTo {
  margin-left: 0;    
  border-bottom: 1px solid #D2CFCC;
}
  #tribeThread .responsesTo a:link, 
  #tribeThread .responsesTo a:visited {
    color: #000;
  }

#tribeThread .responseTo {
  font-size: 0.92em;
  color: #666;
}
  #tribeThread .responseTo a:link, 
  #tribeThread .responseTo a:visited {
    color: #666;
  }

#tribeThread .deleteLink {
	font-weight: bold; 
	color: #FF6600;
	padding-left: 1em;
}
#tribeThread .contentFooter {
  clear: both;
}
/* Ad formatting */
#tribeThread .parent .googleAd, #tribeThread .first .googleAd {
  width: 300px;
	float: right;
	margin-top: -12px;
	border-left: 30px solid white;
	margin-bottom: 1em;
}
	#tribeThread .parent .lurker .googleAd, #tribeThread .first .lurker .googleAd {
		float: left;
		border-left: 0;
		border-right: 30px solid white;
	}
	#tribeThread .parent .reply .button, #tribeThread .first .reply .button {
		float: right;
	}
	
	
#tribeThread li.ad {
  clear: both;
	padding-top: 1px; /* need this to prevent collapsing vertical margins */
  text-align: center;
}
#tribeThread li.ad .OAS, #tribeThread li.ad .googleAd {
	border-top: 1px solid #CCC;  
	padding-top: 1em;
	margin-top: 1em;	
}

/* post stuff (this is used everywhere we show posts, not just tribeThread */
.content .post {
	border-top: 1px solid #CCC;
	padding: 1em 0 0 0;
	margin-top: 1em;
  width: 100%;        /* width:100% and overflow:hidden so long strings of unbroken chars don't blow the layout in IE */
  overflow: hidden;
}
	.content .first, .content .parent {
		border-top: none;
		padding-top: 30px;
	  margin-top: 0;
	}
.content .post .mcPhoto, .content .post .mcMugshot {
	float: left;
	margin-bottom: 2px; /* need this to prevent collapsing vertical margins */	
}
.content .post .subject, 
.content .post .summary,  
.content .post .body,
.content .post .secondary,
.content .post .responseTo {
	margin-left: 63px;
}
.content .parent .subject, 
.content .parent .summary,  
.content .parent .body,
.content .parent .secondary,
.content .parent .responseTo {
	margin-left: 0;
}
.content .post .body {
  margin-top: 0.4em;
}
.content .post .reply {
  margin-top: 1em;
  padding-bottom: 5px;
  margin-left: 63px;
}
.content .parent .reply {
  margin-left: 0;
  padding-bottom: 15px;
}
.content .post .reply a.button {
/* Don't change this float or you will crash Safari */
	float: none;
	display: block;
	margin: 0;
	padding: 0;
}

.content .subject .new { font-weight: bold; }
.content .date { font-weight: normal; }
.content .date .new { color: #333; }
.content .date .dayold { color: #555; }
.content .date .stale { color: #888; }

div.maxDepth {
	border: 1px solid #D2CFCC;
	font-size: 0.92em;
	color: #666;
	margin: 1em 0;
	padding: 2px;
	clear: both;
}



/* REPLY AND POST FORMS */
.content .responsesTo {
	margin-bottom: 10px;
	padding-bottom: 10px;
  margin-left: 65px;	
}
	.content .responsesTo .date {
		font-weight: bold;
	}
  .content .sender {
    float: left;
    width: 60px;
  }
  .content .responsesTo .body {
    width: 99%;
    overflow: hidden;
  }
  .content textarea#message_body {
    margin-bottom: 4px;
  }


.trackbacks {
}
  .trackbacks h2 {
    margin-bottom: 1px;
    padding: 3px 10px;
    font-size: 0.92em;
    border: 1px solid #D2CFCC;
    background: #FFF;
  }
  .trackbacks .content {
    padding: 3px 10px;
    font-size: 0.92em;
    border: 1px solid #D2CFCC;
    background: #FFF;
  }
  .trackbacks .links {
  	margin: 10px;
  }
  .trackbacks .excerpt {
  }
  
/* END DISCUSSION THREADS                                          */
/* *************************************************************** */



/* *************************************************************** */
/* RELATED LISTINGS                                                */

.relatedListings {
  position: relative;
  margin-bottom: 10px;
}
  .relatedListings h1 {
    margin-bottom: 1px;
    padding: 3px 5px;
    font-size: 0.92em;
    border: 1px solid #D2CFCC;
    background: #FFF;
  }
  .relatedListings .helpIcon {
    position: absolute;
    top: 2px;
    right: 5px;
  }
  #tribeThread .relatedListings .content { /* need #tribeThread here to override default #tribeThread .content padding */
    padding: 3px 5px;
    font-size: 0.92em;
    border: 1px solid #D2CFCC;
    background: #FFF;
  }
  .relatedListings .listing {
    margin-bottom: 10px;
  }
  .relatedListings .region {
    color: #4B5658;
  }
    
/* END RELATED LISTINGS                                            */
/* *************************************************************** */



/* *************************************************************** */
/* TRIBE CARD                                                      */

#tribeInfo {
}
	#tribeInfo .moderator {
		float: left;
		width: auto;
		margin-right: 24px;
	}
	/* This mcCompact gets different than usual styling */
		#tribeInfo .moderator table.mcCompact {
			margin: 0;
			border: none;
		    margin-top: -2px;
		    margin-left: -2px;
		}
		
		#tribeInfo .moderator table.mcCompact .item {
			margin-left: 3px;
		}
		
	
	#tribeInfo .activeMembers {
		float: left;
		width: auto;
	}
		#tribeInfo .activeMembers .minicard {
			margin-right: 4px;
		}
		
		#tribeInfo .activeMembers .members {
			margin-top: 5px;
		}
				
		
		
 	#tribeInfo .moderator h3, #tribeInfo .activeMembers h3 {
 		margin-bottom: 5px;
 	}
	#tribeInfo #contentHeader {
		margin-bottom: 0.5em;
	}

	#tribeInfo #contentHeader h1.pageTitle {
		white-space: nowrap;
	}
	
	#tribeInfo #contentHeader .secondary {
		white-space: nowrap;
	}
	
	#tribeInfo #contentHeader .contentSubtitle {
		color: #4B5658;
		padding-top: 0.5em;
	}
	#tribeInfo table.rssInfo {
		margin: 10px 0;
	}
		#tribeInfo table.rssInfo td {
			padding-right: 5px;
		}

#tribeControls {
	text-align: center;
}
	#tribeControls a.button {
		margin-left: 0;
		margin-right: 0;
	}
	#tribeControls img {
		margin-bottom: 10px;
	}
	
#relatedTribes .tribe {
	border: none;
	padding: 0;
	margin-bottom: 10px;
}
	

#tribeCurrent .contentContainer {
	padding: 16px 1px;
}
#tribeCurrent .contentTitle {
	padding-left: 15px;
	padding-right: 15px;
}
#tribeCurrent #tribeSearch {
	width: 270px;
	margin: 0 auto 15px;
}
#tribeCurrent #tribeSearch table {
	margin-left: auto;
	margin-right: auto;
}

#tribeCurrent .categoryTabs {
	padding-left: 5px;
}
#tribeCurrent .tabbedContent {
	background-color: #FFF;
	padding: 10px 12px;
}

#tribeCurrent .buttons {
	margin: 10px 15px 0 0;
}
	#tribeCurrent .buttons .button {
		margin-bottom: 0;
	}

/* styles for individual tabbed content */
#tribeCurrent .tabbedContent td.photo {
	width: 30px;
}
	#tribeCurrent .tabbedContent td.photo div {
		width: 24px;
		height: 24px;
		text-align: center;
		overflow: hidden;
	}

#tribeCurrent .tabbedContent .photoWrapper {
	width: 96px;
	height: 150px;
	text-align: center;
	float: left;
	margin: 10px 15px;
	font-size: 0.93em;
	line-height: 1.11em;
}

	#tribeCurrent .tabbedContent .photoWrapper .photo {
    position: relative;
		height: 96px;
		width: 96px;
		clip: auto;
		overflow: hidden;
		text-align: center;
		margin-bottom: 6px;
	}
	#tribeCurrent .tabbedContent .photoWrapper .description {
	 margin-bottom: 3px;
	}
	
#tribeCurrent .tabbedContent .photoAd {
	padding: 4px;
	margin: 20px 0;
	border-top: 1px solid #D2CFCC;
	border-bottom: 1px solid #D2CFCC;
}

#tribeDiscussions .lastPost, #tribeDiscussions .replies  {
  text-align: center;
}
#tribeDiscussions th.author  {
  padding-left: 17px;
}

#tribeCurrent div.stars {
  margin-right: 3px;
}

/* TRIBE CARD                                                      */
/* *************************************************************** */


/* *************************************************************** */
/* TRIBES - tribes tab, tribe search results                       */


  
/* tribe listings */

.tribe {
  padding: 4px 10px;
  border-top: 1px solid #D2CFCC;
}
  .tribe.first {
    margin-top: 10px;
    border-top: none;
  }
  .tribe.canonical {
    margin-top: 10px;
    border-top: none;
    border-bottom: 1px solid #D2CFCC;	
  }
  .tribe .photo {
    width: 50px;
    float: left;
    text-align: right;
  }
  .tribe .data {
    margin-left: 55px;
  }
  .tribe .data .category a {
    color: #000;
  }

  .tribe .data .action {
    font-size: 0.93em; 
  }  
  
  .tribe .data .action a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  .tribe .data .membership, .tribe .data .membership .minicardlink a:link, .tribe .data .membership .minicardlink a:visited {
    font-size: 0.93em;
    color: #666;
  }  


#tribeSearchResult .posting {
  padding: 6px 10px;
  border-bottom: 1px solid #D2CFCC;

}

  #tribeSearchResult .posting .title {
  margin-right: 0.5em;
  }



/* Tribes.vm has different display for #tribeLineItem */

.contentContainer td.tribes {
	width: 31%;
}

	.contentContainer .tribes .tribe {
		border: none;
		padding: 5;
		margin: 0;
	}
	.contentContainer .tribes .tribe .photo {
		margin-right: 8px;
	}
	
.contentContainer ul.topThree {
	list-style: none;
	margin: 0 0 20px;
	border: 0;
}
	.contentContainer ul.topThree li {
		float: left;
		margin-right: 4px;
	}


/* Tribe search */

/* Tribe Search has a different look for contentTitle and contentContainer */

#tribeCategory #col-a .contentContainer {
	border: none;
	padding: 0;
}
	#tribeCategory #col-a .contentContainer .extra1,
	#tribeCategory #col-a .contentContainer .extra2,
	#tribeCategory #col-a .contentContainer .extra3,
	#tribeCategory #col-a .contentContainer .extra4 {
		display: none;
	}
	
	#tribeCategory #col-a .contentTitle {
		height: 18px;
		background-color: #D2CFCC;
		background-image: url('/tribe/images/redesign/corners/table_hdr_right.png');
		background-position: right;
		background-repeat: no-repeat;
		padding: 0 1em;
		margin-bottom: 0.5em;
	}
	#tribeCategory #col-a .contentTitle h1 {
		font-size: 1em;
		padding-top: 2px;
	}
	#tribeCategory #col-a h3 {
		padding: 0.5em;
	}
	
	#tribeCategory .tribe {
		border-top: none;
		border-bottom: 1px solid #D2CFCC;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	

	
	#tribeCategory .tribe {	
		font-size: 1.0em;
		color: #4B5658;
		text-decoration: none;
	}

	#tribeCategory .tribe .title {	
		font-size: 1.11em;
		line-height: 1.3em;
	}
	
	
	#tribeCategory .tribe .description {
	    font-size: 1em;
	    color: #000;
	    margin-right: 0.3em;
	}
	
	
	#tribeCategory .tribe .category, #tribeCategory .tribe .join {
	    font-size: 0.93em;
		margin-left: 0.3em;
		white-space: nowrap;
    }
    
	#tribeCategory .tribe .category a, #tribeCategory .tribe .join a {
	    text-decoration: none;
		text-transform: lowercase; /* Coincidentally, categories are linked -- city names should be capitalized. */	    
	}

    #tribeCategory .tribe .category a {
    	color: #4B5658;
    }

	
	#tribeCategory .tribe .category a:hover, #tribeCategory .tribe .join a:hover {
	    color: #666;
	    text-decoration: underline;
	}
	
	#tribeCategory .tribe .membership {
		white-space: nowrap;	
	}
	
	#tribeCategory .Middle1 {
	    padding-bottom: 10px;
	    border-bottom: 1px solid #D2CFCC;
	}
	
	
/* TRIBES                                                          */
/* *************************************************************** */


/* *************************************************************** */
/* ABOUT                                                           */

#about ul.listNav {
	font-weight: bold;
}
	#about ul.listNav a {
		color: #000;
	}
#about .action {
	display: block;
	margin: 1em 0em 2em;
}
#about #questions ul li {
  list-style-image: url($content.getURI("images/faq-question.gif"));
  padding: 2px 0;
}

/* END ABOUT                                                       */
/* *************************************************************** */

/* *************************************************************** */
/* MY TRIBE.NET                                                    */
/*                                                                 */
/* there are two page types here, #home and #mtn. #home is the     */
/* draggable module page and #mtn covers the other pages off that  */
/* page (Detail.vm, etc).

/* The homepage has a different look for contentContainer  with no */
/* borders and no padding inside the contentContainers             */

#home .contentContainer {
	border: none;
	padding: 0;
}
	#home .contentContainer .extra1,
	#home .contentContainer .extra2,
	#home .contentContainer .extra3,
	#home .contentContainer .extra4 {
		display: none;
	}
	
/* The secondary MTN pages have no borders or corners in col-a */
#mtn #col-a .contentContainer {
	border: none;
	padding: 0;
}
	#mtn #col-a .contentContainer .extra1,
	#mtn #col-a .contentContainer .extra2,
	#mtn #col-a .contentContainer .extra3,
	#mtn #col-a .contentContainer .extra4 {
		display: none;
	}
	
#home .moduleBodyContent {
	padding-top: 0;
}

  #home .contentTitle	{
		height: 18px;
		background-color: #D2CFCC;
		background-image: url('/tribe/images/redesign/corners/table_hdr_right.png');
		background-position: right;
		background-repeat: no-repeat;
		padding: 0 0.5em;
		margin-bottom: 0.5em;
	}
  #home .contentTitle:hover	{
  	background-color: #FFFFFF;
		background-image: url('/tribe/images/redesign/corners/table_hdr_bg_over.png');
	}
	#home .contentTitle h1	{
		font-size: 1em;
		padding-top: 2px;
		text-transform: none;
	}
	#home .contentTitle h2	{
		font-size: 1em;
		padding-top: 2px;
		text-transform: lowercase;
	}
	#home .contentTitle h2.moduleTitle {
    width: 84%;  /* leave enough room for the configure thingy */
		margin-left: 5px;
    text-align: left;
	}
	#home h3	{
		padding: 0.5em;
	}
	

#home .mcMugshotleft {
      float: left;
      padding-right: 4px;
      padding-bottom: 2px;
      padding-top: 2px;
}

#home .mcMugshotright {
      float: left;
      padding-bottom: 2px;
      padding-top: 2px;
}
#home .widget {
      padding: 2px 6px;
      margin: 5px 0px;
      border: 1px solid #C0C0C0;
      }
      
#home .categoryList .secondary {
  padding-left: 0.35em;
}

#home .viewmore {
  text-align: right;
}

#home .explanation {
  color: #4B5658;
}

/* Tribe Suggests */

#home #tribeSuggests h3 {
  margin-left: 6px;
}

#home #tribeSuggests table {
  margin-top: -0.5em;
  margin-bottom: 1em;
  margin-left: 0px;
}
#home #tribeSuggests table td {
  width: 33%;
}
#home #tribeSuggests .content {
  margin-left: 0;
}

#home #tribeSuggests .tribe {
  font-size: 0.92em;
  line-height: 1.11em;
  border: none;
}

#tribeSuggests {
margin-bottom: 2em;
}

#home #tribeSuggests.newUserContent div.suggestedTribes {
	width: 100%;
	margin-top: .5em;
	margin-bottom: 0;
}

#home #tribeSuggests.newUserContent .tribe {
    padding-left: 0px;
}

#home #tribeSuggests div.suggestedTribes div.tribeWrapper {
  float: left; 
  width: 215px; 
  padding-bottom: 10px;
}  

#home .subhead {
   margin-top: .25em;
   margin-bottom: -.25em;
}


/* MTN Notice Module */

#home .notice {
	border: none;
	background: #FFF3E9;
	padding: 0;
}
	#home .notice .noticeHeader {
		background: #FF6600;
		padding: 2px 5px;
	}
		#home .notice .noticeHeader h1 {
			font-size: 1em;
			color: #FFFFFF;
		}
		#home .notice .noticeHeader a {
			color: #FFFFFF;
		}
	#home .notice .noticeBody {
		padding: 5px;
		border-left: 1px solid #D2CFCC;
		border-right: 1px solid #D2CFCC;
		border-bottom: 1px solid #D2CFCC;
	}
		#home .notice .noticeBody h2 {
			text-align: left;
			font-size: 1.11em;
			margin-bottom: 0.5em;
		}
		#home .notice .noticeBody ul {
			margin-top: 0;
			padding-top: 0;
		}

/* My Tribes Module */
.mtntribes .homeTribesList {
	width: 100%;
}
  .mtntribes .homeTribesList td {
		margin: 0;
		padding: 2px 0;
		line-height: 1.2em;
	}
		.mtntribes .homeTribesList td.rtColumn {
			padding-left: 20px;
		}
	.mtntribes .newPosts .tribeName,
  .mtntribes .newPosts .newPost	{
		font-weight: bold;
	}

  .mtntribes div.viewmore {
    border-top: 1px solid #ccc;
  }

  .mtntribes .secondary a {
    text-decoration: none;
  }
  .mtntribes .secondary a:hover {
    text-decoration: underline;
  }


.homeTribes table.ledgerTable td {
  padding: 0.25em 0;
}

.homeTribes table.listings .lineItem td {  /* My Tribes view */
  padding: 0.25em;
}

.homeTribes table.listings {
  margin-bottom: 8px;
}

.homeTribes table td.tribeNames img {
  vertical-align: middle;
}

.homeTribes table.listings td.newPosts {
  text-align: right;
  padding-right: 2em;
}


.topTribe {
  background: #E5F1FF;
}

/* Friends List */
#mtn .homeFriends {
	width: 100%;
  margin: 0;
  padding: 0 1px 2px 0;
}
.homeFriends .minicard {
	float: left;
	margin: 0 4px 10px 0;
}

/* Find Your Friends */
#home .homeFriends .noRows {
  min-height: 204px;
}

#home .homeFriends .oneRow {
  min-height: 110px;
}

#home .homeFriends .newUserContent img {
  margin-left: -2px;
  margin-right: 8px;
  margin-bottom: 4px;
}

#home .homeFriends .newUserContent table {
  width:100%;
  margin-bottom: 5px;
}
#home .homeFriends .newUserContent table td {
  padding: 0 2px;
}
#home .homeFriends .newUserContent table td input {
  width: 100%;
}
/* Listings */
#home #homeListings .content {
  padding-bottom: 0;
  margin-bottom: 0;
}
#home #homeListings .date, #home #friendblog .date {
  color: #666;
}
#home .ledgerTable td {
  border: 0;
}

#home table.listings tr.viewmore td, 
#home table.listings tr.dateheader td {
    border: 0;
	}
#home table.listings tr.dateheader h3 {
    margin: 0;
    padding: 0;
  }

/* members to know */

#home #homeMembersToKnow {
  margin-top: -6px;
}

#home .featuredItem {
}
	#home .featuredItem .minicard {
		float: left;
	}
	#home .featuredItem .featuredData {
		margin-left: 60px;
		margin-right: 10px;
		line-height: 1.11em;
	}
	
	#home .featuredItem .featuredData .interests {
	    margin-top: 0.25em;
	}

/* Home Events Module */
#home #homeEvents .content {
  margin-bottom: 15px;
}
  #home #homeEvents .content .contentTitle {
    border: 0;
    margin: 0;
  }    

  /* Normalize heading sizes and border styles */  
  #home #homeEvents .content h1, #home #homeEvents .content h4 {
    font-size: 1em;
    margin: 0 0 .5em 0;
  } 
  body.three-column #homeEvents span.photo img {
    width: 32px;
    float: left;
    margin-right: 6px;
    vertical-align: top;    
  }

/* Home Events Detail */
body.two-column table#mtnevents span.photo img {
    width: 65px;
    float: left;
    margin-right: 6px;
    vertical-align: top;    
  }

/* Posts from my network (frendrecentactivity plugin) */
/* we've got user-generated content here--beware! */
#home .friendrecentactivity .item .title,
#home .friendrecentactivity .item .body {
	width: 242px;
	overflow: hidden;
}

#home .googleAd {
  margin-top: 0;
}


/* New User Experience */

div.newUser {
  position: relative; /* absolutely positioned stuff inside */
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 16px;
  background: #F0F8FF;
}
	.newUser .pageIcon {
		margin: 0 12px 0 0px;
	}
	.newUser h2 {
		margin-bottom: 0.2em;
	}
	.newUser p {
		margin-right: 10px;
		color: #4B5658;
	}
	
	div.newUser .miniForm {
    margin: 6px 0;
    }

div.newUser .miniForm .searchlabel {
  color: #666;
  float: left;
  font-weight: bold;
  margin: 3px 5px 5px 0;
  padding: 0;
  vertical-align: middle;
}

div.newUser table td {
  vertical-align: top;
}

div.newUser .miniForm .button, div.newUser .miniForm input {
  display: inline;
  float: left;
  margin: 0 4px 2px 0px;
  color: #fff;
}

div.newUser .buttons .button {
  display: inline;
  float: right;
}

div.newUser .buttons {
  margin-top: 10px;
}

.miniForm input {
  padding-left: 3px;
  _padding-left: 0; /* this is the value for IE which makes input fields to long */
  color: #999;
}

/* Mini Dashboard */
#col-b .miniDashboard { /* need #col-b here or we don't get a border */
	border: 1px solid #D2CFCC;
}
	.miniDashboard ul.categoryTabs {
		background-color: #D2CFCC;
		padding: 3px 4px 0;
	}
	.miniDashboard ul.categoryTabs li a {
		margin: 0 0 0 10px;
	}

	.miniDashboard ul.categoryTabs li {
	}
	.miniDashboard ul.categoryTabs li.current {
	}
	
.miniDashboard .content {
	padding: 5px 0px 5px 5px;
}
.miniDashboard .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.miniDashboard .content ul li {
	margin: 0;
	padding: 0;
}
.miniDashboard .content table {
	width: 100%;
}


/* END MY TRIBE.NET                                                */
/* *************************************************************** */


/* *************************************************************** */
/* MESSAGE CENTER                                                  */

table#viewMessage th {
  text-align: right;
}

td.subject div {
	width: 250px;
	overflow: hidden;
}
td.from .minicard {
	display: block;
	width: 95px;
	overflow:hidden;
}
.unread {
	font-weight: bold;
}

/* END MESSAGE CENTER                                              */
/* *************************************************************** */


/* *************************************************************** */
/* LISTINGS / PLACES / POSTING                                     */

/* Hub Pages */

.mainFeatured {
	width: 150px;
	float: left;
}
	.mainFeatured .photo {
		margin-bottom: 5px;
	}
.otherFeatured {
	margin-left: 166px;
}
	.otherFeatured .featuredItem {
		padding: 0.5em 0em;
	}


/* Standard Listings Table */

table.listings {
	width: 100%;
}
 	table.listings tr.tableHeader {
		background-color: #D2CFCC;
		height: 20px;
	}
    table.listings tr.tableHeader td {
      padding-right: 2px;
      padding-left: 2px;      
    }
		table.listings tr.tableHeader td.last {
			background-image: url('/tribe/images/redesign/corners/table_hdr_right.png');
			background-position: right;
			background-repeat: no-repeat;
			border: none;
			text-align: center;
		}
	table.listings td, table.listings td.first {
		padding: 4px;
		border-bottom: 1px solid #D2CFCC;
	}
	table.listings thead td {
		padding: 0;
		border: none;
	}
  table.listings .description {	
		font-size: 1.11em;
		line-height: 1.3em;		
  }
  .subcat {
  	margin-left: 0.5em;
		font-size: 0.92em;
		color: #4B5658;
  }
		.subcat a {
			color: #4B5658;
			text-decoration: none;
		}
		.subcat a:hover {
			text-decoration: underline;
		}
  table.listings .quotes {
    font-size: 1em;
  }
	
	
	/* Sort stuff */
	.tableHeader .sorter {
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100px;  /* width  of bg image */
		height: 16px; /* height of bg image */
		background-repeat: no-repeat;
	}
		.tableHeader .sorter a {
			color: #000;
			text-decoration: none;
		}
		.tableHeader .sorter a:hover {
			text-decoration: underline;
		}
		.tableHeader .selected {
			background-image: url('/tribe/images/redesign/sortby_bg.gif');
		}
 
.justPosted {
	padding: 4px 0;
	border-top: 1px solid #D2CFCC;
	border-bottom: 1px solid #D2CFCC;
}
	.justPosted h4 {
		margin-bottom: 3px;
	}
	.justPosted .photo img {
		margin-right: 5px;
		margin-bottom: 5px;
	}


/* CATEGORY LISTS */
/* not the unusual padding here. We've got that background that has to go */
/* to the edge of the sidebar, so we need to pad the text in from there   */
ul.categoryList {
	list-style: none;
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
	color: #333;
}
	#col-b h3 {
		color: #000;
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: left;
	}
	#col-b .sidebar h3 {
		margin-left: 10px;
	}
	#col-b .sidebar h3.selected {
      margin: 0;
			padding: 2px 10px;      
			background-image: url('/tribe/images/redesign/sidebar_selected_bg.gif');
			background-position: top left;
			background-repeat: no-repeat;
	  }
		#col-b .sidebar h3 a {
			color: #000;
			text-decoration: underline;
		}

	ul.categoryList li {
		padding: 2px 0;
		margin: 0;
	}
		.sidebar ul.categoryList li {
			padding: 2px 10px;
		}
		.sidebar ul.categoryList li.selected {
			background-image: url('/tribe/images/redesign/sidebar_selected_bg.gif');
			background-position: top left;
			background-repeat: no-repeat;
			font-weight: normal;
		}
		.solidBg ul.categoryList li.selected {
			font-weight: normal;
		}
		
	/* categorylists in the sidebars are gray */
	.sidebar ul.categoryList li a, .solidBg ul.categoryList li a {
		color: #333;
		text-decoration: none;
	}
		.sidebar ul.categoryList li a:hover, .solidBg ul.categoryList li a:hover {
			text-decoration: underline;
		}
    .sidebar ul.categoryList li .secondary {
      font-size: 0.92em;
      color: #666;
    }		

/* OK, if we're on #listings in col-a, we need to */
/* show 2 columns in the housing, events forsale  */
/* and community modules                          */

#col-a .columnR .categoryList li {
	width: 45%;
	float: left;
}



/* ViewListing, ViewRequest */

/* button row in ViewListing and View Event */
#listings #col-a .contentSubtitle table {}
  #listings #col-a .contentSubtitle table td {
    width: auto;
    padding: 10px 10px 10px 0;
    margin: 0;
    white-space: nowrap;
  }

#listings .listingDetail {
	background: #FFF;/
	border: 1px solid #D2CFCC;
	padding: 10px 5px;
}
	.listingDetail h1 { /* user-generated content */
		width: 525px;
		overflow:hidden;
	}
	#listings .listingDetail .contentSubtitle {
    padding-left: 0;
		color: #666;
	}
	#listings .listingDetail table.listingData {
    margin-bottom: 20px;
	}
		#listings .listingDetail table.listingData th {
			font-weight: bold;
			color: #666;
			padding-right: 15px;
			text-align: left;
		}
	#listings .listingDetail .listingData td, 	#listings .listingDetail .listingData th {
		padding-bottom: 5px;
	}	
	#listings .listingDetail .regionInfo {
	  color: #666;
	}

	.listingDetail .content .listingText { /* user-generated content */
		margin-bottom: 10px;
		width: 525px;
		overflow: hidden;
		clear: right;  /* have to do this because of fixed width and photo */
	}

  #listings .listingDetail .listingPhoto {
  	float: right;
  	margin-left: 20px;
  	margin-bottom: 20px;
    width: 160px;
    text-align: center;
  }
    #listings .listingDetail .listingPhoto img {
      margin-bottom: 4px;
    }


  #listings .content .postedBy {
    margin-top: 1em;
  }
    #listings .content .postedBy h3 {
      margin-bottom: 4px;
    }

#listingTribes { /* long tribe names can break layout */
	width: 148px;
	overflow: hidden;
}


/* inline response */
#listings .respond {
	background-color: #CCCCCC;
}

	
/* This is used on listings pages when the listing is in a different geography from the masthead */
#listings #regionInfo {
  background: #000;
  color: #fff;
  padding: 1em;
  margin-bottom: 1px;
  font-size: 1.11em;
}

  #listings #regionInfo a {
    color: #fff;  
  }	

/* RSVP Page */
ul.portraitList {
	list-style: none;
}
	ul.portraitList li {
		margin-top: 20px;
		padding: 0px;
	}
		ul.portraitList li div.portrait {
			float: left;
		}

		ul.portraitList li div.RSVPcomment {
			margin-left: 65px;
		}

/* Universal Post */
.postingFlow ul.categoryList li {
	margin-bottom: 1.3em;
}

.postingFlow .categoryList .categoryName a {
	font-size: 1.3em;
	margin-right: 1em;
	color: #003399;
}


/* Places city list */

ul.citylist {
    margin-top: 0;
}

ul.cityList li a, ul.cityList li a, .moreLink a  {
	color: #4B5658;
	text-decoration: none;
}
	ul.cityList li a:hover, ul.cityList li a:hover, .moreLink a:hover {
		text-decoration: underline;
	}


/* END LISTINGS / PLACES / POSTING                                 */
/* *************************************************************** */



/* *************************************************************** */
/* RECOMMENDATIONS                                                 */

.requestContainer {
  border: 1px solid #D2CFCC;
  background: #FFF;
	padding: 8px;
  overflow: hidden;
}

#ratings_name {
	margin-bottom: 20px;
}
#ratings_summary {
	border: 1px solid #D2CFCC;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
}

.mainRatings {
	margin-bottom: 20px;
}
.mainRatings .sort {
	padding-bottom: 5px;
	border-bottom: 1px solid #D2CFCC;
}
.mainRatings .rating {
	border-top: 1px solid #D2CFCC;
	padding: 10px 0px;
}
.mainRatings .first {
	border-top: none;
}

.otherRatings {
  display: none;
}

.otherRatings h3, .also h3 {
  padding-top: 1em;
	border-top: 1px solid #D2CFCC;
	margin-top: 1em;
}
/* END RECOMMENDATIONS                                             */
/* *************************************************************** */



/* *************************************************************** */
/* INVITE FRIENDS                                                  */

/* override default appearance */

#inviteFriends fieldset {
	border: none;
}
#inviteFriends .attention {
	margin-left: 115px;
	margin-right: 25px;
}
/* END INVITE FRIENDS                                              */
/* *************************************************************** */

/* *************************************************************** */
/* POPUPS                                                          */

#popup {
	margin: 0;
	padding: 0;
	background: #FFF;
}

/* POPUPS                                                          */
/* *************************************************************** */

/* *************************************************************** */
/* INTERSTITIALS                                                   */



  #interstitial .content {
    padding: 20px;
  }

  #interstitial h1 {
    font-size: 3.25em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
  }

  #interstitial h2 {
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    color: #4B5658;
    margin-bottom: 20px;
  }
  
  #interstitial .note {
		margin-top: 50px;
		text-align: center;
		white-space: nowrap;
	}
  #interstitial	.note em {
			color: #FF6600;
		}

	#interstitial .reboot {
		margin: 0 auto;
		text-align: center;
	}
		#interstitial .reboot .letter {
			width: 740px;
			background: #FFFFFF;
			padding: 30px;
			margin: 0 auto;
			text-align: left;
		}
		#interstitial .reboot .letter h1 {
			text-align: left;
		}
		#interstitial .reboot .letter h2 {
			text-align: left;
			font-size: 2em;
			font-weight: bold;
			color: #000000;
		}
			#interstitial .reboot .letter h1 a,
			#interstitial .reboot .letter h2 a {
				color: #003399;
				text-decoration: underline;
			}
		#interstitial .reboot .letter p {
			font-size: 1.7em;
			line-height: 1.25em;
		}
		

	#interstitial .footerContent {
		display: none;
	}

/* INTERSTITIALS                                                   */
/* *************************************************************** */

/* *************************************************************** */
/* LOGIN/JOIN                                                      */

/* override default appearance */

#login #mastheadRight {
	display: none;
}
#login #wrapperTopRightCorner {
	display: block;
}

#login .content {
  overflow: visible; /* fix IE5 problem */
}

#login fieldset {
	border: none;
	margin: 10px 5px;
}
	#login fieldset legend {
    color: #000;
		font-size: 1.25em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#login fieldset .lvPair .label {
		width: 60px;
	}
	#login fieldset .lvPair .value {
		margin-left: 70px;
	}
#login .buttons {
	margin-top: 20px;
	text-align: right;
}

.passwordBg {
	background: url("/tribe/images/redesign/password_bg.gif") no-repeat;
}
.passwordBgFocus {
	background: none;
}

.signInButton {
	width: 74px;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	border: none;
	background: url("/tribe/images/redesign/buttons/button_sign_in_bg.gif") no-repeat;
}

/* END LOGIN/JOIN                                                  */
/* *************************************************************** */

/* *************************************************************** */
/* GAMING                                                          */

#gaming #main {
	width: 100%;
	min-width: 720px;
	width:expression(document.body.clientWidth < 721? "720px" : "auto" );
}
#gaming #tribe {
	margin-right: 0;
}
/* END GAMING                                                       */
/* *************************************************************** */


/* *************************************************************** */
/* GLOBAL COLORS                                                   */

/* Background Colors */
.bgyellow { background: #FFFFBB }
.bgblue { background: #ccddff }
.bggreen { background: #aaddaa }
.bggrey, .tip-text { background: #CCCCCC }
.bgdkgrey, .tip-title { background: #4B5658 }
.bgorange { background: #FFDAB2 }
.bgwhite { background: #fff }
 
/* GLOBAL COLORS                                                   */
/* *************************************************************** */

/* *************************************************************** */
/* SEARCH                                                          */

#search .contentContainer {
	padding: 16px 1px;
}
#search .contentTitle {
	padding-left: 15px;
	padding-right: 15px;
}

#search .searchForm {
	text-align: center;
	margin: 10px auto;
}
	#search .searchForm h2, #search .searchForm input {
		font-size: 1.5em; 
}
	#search .searchForm h2 {
		color: #999999;
}

#search	ul.categoryTabs {
	margin-left: 15px;
}

#search .tabbedContent {
	background-color: #FFF;
	padding: 10px 12px;
}

#search .tabbedContent .columns {
	margin-right: 173px;
}
#search .tabbedContent .columns .resultColumn {
	float: left;
	width: 100%;
	padding-right: 10px;
	min-height: 620px;
	border-right: 1px solid #CCC;
}
#search .tabbedContent .columns .adColumn {
	float: right;
	width: 163px;
	margin-right: -175px;
}
#search .paginationTop {
	border-bottom: 1px solid #CCC;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#search .paginationBottom {
	border-top: 1px solid #CCC;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
#search .syndication {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
}


/* searchResultLineItem classes */

.searchResultLineItem {
	position: relative;
	border-top: 1px solid #CCC;
	padding: 5px 0;
}
	.first .searchResultLineItem {
		border-top: none;
		padding-top: 0;
	}
	.searchResultLineItem .photo {
		margin-left: 5px;
		margin-right: 5px;
		float: left;
	}
	.searchResultLineItem .data {
	}
	  /* unique places where we need extra padding */
		#tribeCategory .searchResultLineItem .data {
			margin-left: 80px;
		}
		
	.searchResultLineItem .title {
		font-size: 1.3em;
	}
	.searchResultLineItem .category, .searchResultLineItem .category a {
		color: #666;
	}
	.searchResultLineItem .secondary, .searchResultLineItem .secondary a {
		color: #666;
	}
	.searchResultLineItem .secondary .minicard a {
		color: #000;
	}
	.searchHighlight {
		font-weight: bold;
	}

/* We've got user-generated content here -- let's try and limit the size so we don't blow out layouts */
	#search .searchResultLineItem .data {
		width: 600px;
		overflow: hidden;
	}
	#listings .searchResultLineItem .data {
		width: 480px;
		overflow: hidden;
	}


/* SEARCH                                                          */
/* *************************************************************** */

/* *************************************************************** */
/* CONTENT ITEM (GENERIC CONTENT ITEM DISPLAY)                     */

.contentItem {
}
.contentItem {
	position: relative;
	padding: 5px 0;
}
	.contentItem .title {
		font-size: 1.3em;
	}
	.contentItem .category, .contentItem .category a {
		color: #666;
	}
	.contentItem .secondary, .contentItem .secondary a {
		color: #666;
	}
	.contentItem .secondary .minicard a {
		color: #000;
	}

.featured {
	margin: 10px 0px;
}

.full {
}
	.full .photo {
		margin-left: 5px;
		margin-right: 5px;
		float: left;
	}
	.full a.relatedLink {
		margin-left: 10px;
	}

.compact {
	padding: 0;
}
	.compact .photo {
		width: 48px;
		float: left;
	}
	.compact .data {
		margin-left: 55px;
	}
	.compact .title {
		font-size: 1em;
	}
	.compact .relatedLink {
 		font-size: 0.9em;
	}
	
.mini {
	padding: 0;
}
	.mini .type {
		float: left;
		font-size: 0.9em;
		color: #666;
	}
	.mini .title {
		margin-left: 2.7em;
		font-size: 1em;
	}
	.mini .relatedLink {
		font-size: 0.9em;
	}

/* CONTENT ITEM (GENERIC CONTENT ITEM DISPLAY)                     */
/* *************************************************************** */

/* *************************************************************** */
/* RELATED                                                         */

/* Display.vm */
#relatedItems.contentContainer {
	margin: 0px 20px 30px;
	border: none;
}

#relatedItems .more {
	clear: both;
	text-align: right;
	margin-top: 10px;
}
	#relatedItems .more a {
		color: #000000;
	}
/* Detail.vm */

#related h2 {
	margin-bottom: 10px;
}
#related #originalItem {
	margin: 20px 10px 10px;
}
	#related #originalItem h1 {
		float:left;
		padding-top: 0px;
		margin-right: 10px;
	}
	#related #originalItem .compact {
		width: 650px;
		float:left;
		margin-top: 4px;
	}
		#related #originalItem .compact .data {
			margin-left: 29px;
			margin-top: 2px;
		}
		#related #originalItem .compact .photo {
			width: 24px;
		}
			#related #originalItem .topicItem .photo {
				display:none;
			}
			
		#related #originalItem .compact .photo img {
			width: 24px;
			height: 24px;
		}
		#related #originalItem .compact .title,
		#related #originalItem .compact .secondary {
			display: inline;
		}
		
#related .relatedColumn {
	width: 30%;
	padding: 0px 10px;
	float: left;
}

#related .relatedGroup {
	margin-bottom: 30px;
}

#related .tribe { /* we set a border for .tribe elsewhere */
	border: none;
}

#related .mini {
	margin-bottom: 5px;
}

#related .photos .compact {
	border: 1px solid #CCC;
	width: 160px;
	height: 230px;
	padding: 5px;
	margin: 5px;
	float: left;
	text-align: center;
}
	#related .photos .compact .title {
		margin-bottom: 5px;
		display: block;
	}
	#related .photos .compact .photo {
		width: 150px;
		float: none;
	}
		
	#related .photos .compact .minicard {
		float: left ;
		margin-left: 5px;
	}
	#related .photos .compact .secondary .relatedLink {
		float: right;
		margin-right: 5px;
	}

#related .photos .mini {
	width: 52px;
	float: left;
	text-align: center;
	margin-bottom: 9px;
}
	#related .photos .mini .photo {
		width: 50px;
		margin-bottom: 0px;
		float: none;
	}
	#related .photos .mini .photo img {
		border: 2px solid #FFFFFF;
	}
	#related .photos .mini .photo a:hover img {
		border: 2px solid #FF6600;
	}
	#related .photos .compact .secondary .relatedLink {
		margin-right: 0;
		text-align: center;
	}

/* RELATED                                                         */
/* *************************************************************** */


/* *************************************************************** */
/* DRAG AND DROP                                                   */

.three-column #col-a,
.three-column #col-b,
.three-column #col-c {
	padding-bottom: 30px;
}
.sortableColumn .moduleTitle {
	cursor: move;
}

/* DRAG AND DROP                                                   */
/* *************************************************************** */


/* *************************************************************** */
/* REFERER SEARCH BANNER                                           */

#refererBanner {
	background: #EFEFEF;
	text-align: center;
	font-size: 1.2em;
	padding: 2px 10px;
}
	#refererBanner a 	{
		font-size: 1.4em;
	}
	#refererBanner div {
		margin: 5px 0px 8px;
	}

/* REFERER SEARCH BANNER                                           */
/* *************************************************************** */