@charset "utf-8";
/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;color:#252525;font-family:Arial,Tahoma,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input,button{overflow:visible;padding:0 2px;}
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* Base Font 
By setting font-size to 62.5%, 1 em = 10 px, so 1.2 em = 12px
*/
body { font-family:Arial, Tahoma, sans-serif; font-size:62.5%; }

#header, #body, #footer { font-size:1.2em; text-align:left; margin:0 auto; width:984px;}
#body { background-color:white; padding-bottom:50px;}

/* :input defaults */
.inp, .inp-2, .inp-3, textarea, select { padding:4px; border:1px solid #dbdbdb; background:url("../_gfx/dot_ececec.gif") repeat-x top left white; font-size:100%;}

/* Helpers*/
.clear { clear:both; height:0; font-size:0; line-height:0; display:block;}
.left { float:left !important;}
.right { float:right !important;}
.align-l {text-align:left !important;}
.align-r { text-align:right !important;}

/* Link Styles */
a { text-decoration:none; color:#00699f; outline:none; cursor:pointer;}
/* Gender Male */      
.male, .genderTrue, .True, .sex1, .Sex_1 { color:#0178cc !important;}
/* Gender Female */  
.female, .genderFalse, .False,  .sex2,  .Sex_2 {color:#ea1291 !important;}
/* Gender Unknown*/     
.sex0,.Sex_0 {  color:gray;} 


/* REQUIRED BUTTON STYLES: */
button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */}
button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */}
button span { position: relative; display: block; white-space: nowrap;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    button span { margin-top: -2px; }
    button { margin-top: 0;}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.button-gray { float:left; padding: 0 10px 0 0; text-align: center; background: transparent url(../_gfx/buttons.gif) no-repeat right -100px; font-size:.9em;}
button.button-gray span {padding: 7px 0 0 12px; height:23px; background: transparent url(../_gfx/buttons.gif) no-repeat left top; line-height:16px; font-size:11px;}
/* CSS for JS IE6 compatibility */
button.button-gray:active { background-position: right -150px !important; }
button.button-gray:active span { background-position: 0 -50px !important;}
button.button-gray-hover { background-position: right -150px !important; }
button.button-gray-hover span { background-position: 0 -50px !important;}
button p { margin:0 5px 0 0 !important; line-height:16px !important; padding:0 !important; float:left;}
button img { margin-right:5px; float:left;}

/* Same button style for anchors */
a.button-gray { cursor:pointer; margin-left:2px; background: transparent url(../_gfx/buttons.gif) no-repeat right -100px; color:#252525; font-size:.9em; line-height:30px; height:30px; float:left;}
a.button-gray span { float:left; line-height:16px; background: transparent url(../_gfx/buttons.gif) no-repeat left top; padding:7px 5px 8px 10px; margin-right:5px; font-size:11px; }
a.button-gray span span { background-image:none; padding:0; margin:0; line-height:17px;}
a.button-gray span img { float:left; margin-right:5px;}
a.button-gray:active {background-position: right -150px; }
a.button-gray:active span {background-position: 0 -50px;}
/* Get rid of dotted line on click */
.button-gray:active, .button-gray:focus, .button-gray:active span, .button-gray:focus span { outline:none;}

/* Same button style for inputs */
div.button-gray { cursor:pointer; margin-left:2px; background: transparent url(../_gfx/buttons.gif) no-repeat right -100px; color:#252525; font-size:.9em; line-height:30px; height:30px; float:left;}
div.button-gray div { position:relative; float:left; height:28px; display:block; background: transparent url(../_gfx/buttons.gif) no-repeat left top; padding:1px 0; margin-right:5px; }
div.button-gray input { position:relative; float:left; background:transparent; padding:0; margin:0; line-height:15px;padding:7px 5px 7px 9px; font-size:11px; cursor:pointer;}
div.ico input { padding-left:30px;}
div.button-gray img { top:6px; left:10px; position:absolute; cursor:crosshair;}
div.button-gray-hover {background-position: right -150px; font-weight:bold;}
div.button-gray-hover div {background-position: 0 -50px;}

#leftCol .button-gray { margin-bottom:20px; }
#leftCol a.button-gray span span { width:153px; font-weight:bold; font-size:12px;}

.button-green { height:25px; float:left;background:url(../gfx/modules/video/UISprite.gif) no-repeat left -115px; overflow:hidden; } 
.button-green .bwrap { float:left; margin-left:2px; padding-right:2px; background:url(../gfx/modules/video/UISprite.gif) no-repeat right -115px #fff; height:25px;}
.button-green .bwrap input, .button-green .bwrap a { line-height:25px; padding:0 8px; margin:0; background:transparent; border:0; height:23px; cursor:pointer; color:#fff; font-weight:bold; font-size:12px !important;}

/* Awesome buttons @ http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
a.awesome, button.awesome, .awesome:visited {background: #222 url(../_gfx/buttons/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px !important; color: #fff !important; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}
.awesome:hover { background-color: #111; color: #fff !important; text-decoration:none !important; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding:3px 8px 4px !important; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }	
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover	{ background-color: #fc9200; }
			
/* Search Buttons 
- Used in LeftCol (big) and Header (small)
*/
.button-search-big { background:url(../_gfx/button-search-big.gif) no-repeat top left; width:35px; height:30px; float:left;}


/* LAYOUT */
.profile-header {background:white url(../_gfx/profiles/profiles-header-wide.gif) no-repeat scroll left top !important; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -khtml-border-radius:3px 3px 0 0;}

/* Body */
	#body .inner-body { float:left; background-color:#fff;}
	#body .user-header {padding-top:0;}
	
	/* Content */
	#content { float:left; width:785px; padding-top:20px;}
	.centered { margin-left:100px; display:inline;} /* Apply to #content to center (when no ad-column) */
		#content .inner { padding:0 0 20px 20px;} /* Risky, might conflict with other .inner classes*/
		/* Content with no Ad column */
		#content-wide { float:left; width:984px; padding-top:20px;}
		#content-wide .inner { padding:0 0 20px 20px; float:left; width:964px; background-color:#fff;}
		
		/* leftCol:Wireframe */
		#leftCol { float:left; margin:0 20px 20px; width:200px;}
		#leftCol h2 { float:left; width:180px; padding:7px 10px; background-color:#f3f3f3; border-top:1px solid #e7e7e7; color:#222; font-weight:bold;}
		#leftCol .sub { float:left; border-bottom:1px solid #f3f3f3; padding:4px 10px; width:180px; font-size:.9em; color:#999;}
		#leftCol .sub p { float:left;}
		#leftCol .sub .all { float:right;}
		
			
/* LEFTCOL MENU */
.menu { float:left; }
.menu li { float:left; width:200px;}
.menu li a, .menu li.subhl { float:left; width:170px;padding:8px 0 8px 30px; display:block; border-top:1px solid #e7e7e7; color:#222;}
.menu li a:hover { background-color:#e2efff;}
.menu li a span { color:#999;}
/* Active */
.menu li.active { background:url("../_gfx/leftcol/menu_active_bg.gif") no-repeat 182px 10px #e2efff; font-weight:bold; }
.menu li.active a {color:#212226;}
.menu li.active a:hover { background-color:transparent;}
/* First Child */
.menu li:first-child a { border-top:0;}
.menu li:first-child.active { margin-top:1px;}			                    
.noindent li a { padding-left:8px; width:192px;}
			
	/* Photo / Album */
	.menu .photos {             background:url("../_gfx/icons.png") no-repeat -400px -90px;}
	.menu .album {              background:url("../_gfx/icons.png") no-repeat 0 -90px;} 
	.menu .image-export {       background:url("../_gfx/icons.png") no-repeat -1000px -90px;}
	.menu .rename-album {       background:url("../_gfx/icons.png") no-repeat -200px -90px;}
	.menu .changephoto {        background:url("../_gfx/icons.png") no-repeat -800px -90px;}
	/* User */
	.menu .sendmessage, 
	.menu .email {              background:url("../_gfx/icons.png") no-repeat 0 -270px;}
	.menu .contacts,
	.menu .requestmail {        background:url("../_gfx/icons.png") no-repeat -200px  -150px;} /* replace requestmail with contacts */ 
	.menu .contacts_list {      background:url("../_gfx/icons.png") no-repeat -400px -150px;}
	.menu .user_male {          background:url("../_gfx/icons.png") no-repeat -400px -60px;}
	.menu .user_female {        background:url("../_gfx/icons.png") no-repeat -600px -60px;}
	.menu .user_add {           background:url("../_gfx/icons.png") no-repeat -200px -60px;}
			
	.menu .mobile {             background:url("../_gfx/icons.png") no-repeat -800px -150px;}           /* need better icon */
	.menu .check {              background:url("../_gfx/icons.png") no-repeat -800px -240px;}           /* need better icon */
			
	/* Contacts */
	.menu .contact_find {       background:url("../_gfx/icons.png") no-repeat -1000px -150px;}
	.menu .contact_invite {     background:url("../_gfx/icons.png") no-repeat -600px -150px;}
	.menu .contact_browse {     background:url("../_gfx/ico/contacts_browse.png") no-repeat 5px 5px;}   /* need better icon or general search icon */
	.menu .status_update {      background:url("../_gfx/icons.png") no-repeat -1000px -210px ;}
			
	/* Group*/
	.menu .group {              background:url("../_gfx/icons.png") no-repeat 0 0;}
	.menu .group-edit {         background:url("../_gfx/icons.png") no-repeat -400px 0;}
	.menu .group-add {          background:url("../_gfx/icons.png") no-repeat -200px 0;}
	.menu .group-leave {        background:url("../_gfx/icons.png") no-repeat -600px 0;}
	.menu .news {               background:url("../_gfx/icons.png") no-repeat 0 -240px;}
	.menu .news_all {           background:url("../_gfx/icons.png") no-repeat -200px -240px;}
	.menu .news_write {         background:url("../_gfx/icons.png") no-repeat -400px -240px;}
	/* Geographical */
	.menu .map {                background:url("../_gfx/icons.png") no-repeat 0 -210px;}
	.menu .map-pin {            background:url("../_gfx/icons.png") no-repeat -200px -210px;}
	/* General / Interaction with content */
	.menu .favorite {           background:url("../_gfx/icons.png") no-repeat -800px -180px;}
	.menu .comments {           background:url("../_gfx/icons.png") no-repeat -400px -180px;}
	.menu .flag {               background:url("../_gfx/icons.png") no-repeat -1000px -180px; }
	.menu .tag {                background:url("../_gfx/icons.png") no-repeat -600px -180px; }
	.menu .delete {             background:url("../_gfx/icons.png") no-repeat -200px -180px; }
	.menu .pencil {             background:url("../_gfx/icons.png") no-repeat 0 -180px; }
	/* Messages */
	.menu .sentmessage {        background:url("../_gfx/icons.png") no-repeat -400px -270px;}
	.menu .readmessage {        background:url("../_gfx/icons.png") no-repeat -200px -270px;} /* New, needs to be added to sandbox */
	.menu .folder {             background:url("../_gfx/icons.png") no-repeat -600px -210px;}
	/* Guestbook*/
	.menu .guestbook {          background:url("../_gfx/icons.png") no-repeat 0 -120px;}
	.menu .guestbook_replies {  background:url("../_gfx/icons.png") no-repeat -200px -120px;}
	.menu .guestbook_page {     background:url("../_gfx/icons.png") no-repeat -400px -120px;}
	/* Event */
	.menu .event_myevents  {    background:url("../_gfx/icons.png") no-repeat -200px -30px}
	.menu .event_upcoming,
	.menu .event_friends  {     background:url("../_gfx/icons.png") no-repeat 0 -30px;}
	.menu .event_past  {        background:url("../_gfx/icons.png") no-repeat -1000px -30px;}         
	.menu .event_cancel {       background:url("../_gfx/icons.png") no-repeat -800px -30px;}
	/* Menu Edit*/
	.menu .editprofile {        background:url("../_gfx/icons.png") no-repeat -800px -210px;}
	.menu .bdays  {             background:url("../_gfx/icons.png") no-repeat -800px -60px;}
	.menu .add {                background:url("../_gfx/ico/add.png") no-repeat 5px 5px; }      /* Not added in sprite */

	/* Marketplace */
	.menu .guestlist {          background:url("../_gfx/icons.png") no-repeat -1000px -240px;} 
	.menu .jobs {               background:url("../_gfx/ico/work.png") no-repeat 5px 5px;}
	.menu .tickets {            background:url("../_gfx/ico/ticket.png") no-repeat 5px 5px;}
	.menu .delivery {           background:url("../_gfx/ico/food.gif") no-repeat 5px 5px;}
	.menu .visa {               background:url("../_gfx/ico/card-address.png") no-repeat 5px 5px;}
	.menu .housing {            background:url("../_gfx/ico/home.png") no-repeat 5px 5px;}
			

/* LEFTCOL STYLES */
			
/* Info 
Usage: Events, Groups, Profile ++
*/
#leftCol .info dl { float:left; padding:10px 0 10px 10px; font-size:.9em;}
#leftCol .info dt { color:#999;}
#leftCol .info dd { padding-bottom:15px; color:#333; float:left; width:100%;}
			
/* Info in 2 Columns 
- Not used? 
*/
#leftCol .info-cols { float:left; padding:10px 0 10px 10px; font-size:.9em; width:180px;}
#leftCol .info-cols dt { color:#999; float:left; width:80px;}
#leftCol .info-cols dd { padding-bottom:5px; color:#333; text-align:right;}
			
/* Grid */
#leftCol .grid { float:left; width:200px; padding-bottom:10px;}
#leftCol .grid li { float:left; width:40px; margin:8px 0 0 8px; overflow:hidden;}
#leftCol .grid li.clear { width:100%; margin:0;}
#leftCol .grid li img { height:35px;}
#leftCol .grid span { font-size:10px;}
			
/* list */
#leftCol .list { font-size:.9em; float:left; width:200px; padding:10px 0 10px 0;}
#leftCol .list li { float:left; width:190px; padding:0 0 8px 10px;}
#leftCol .list img { float:left; margin-right:8px;}
#leftCol .list div { float:left; width:142px;}
#leftCol .list p { color:#999;}
#leftCol .list .timestamp { color:#999; }
#leftCol .list input { margin-right:8px;}
			
/* Add line between each li
- Usage: Administrators (Event,Groups)
*/
#leftCol .line li { border-top:1px solid #f3f3f3; padding-top:8px;}
#leftCol .line li:first-child { border-top:0; padding-top:0;}
* html #leftCol .line { border:0; padding:0;}
			
/* Search in LeftCol */
#leftCol .search { float:left; width:200px; padding-bottom:15px;}
#leftCol .search .inp { float:left; border-right:0; padding:7px 6px; width:152px; }
#leftCol .search .button-search { float:left; background:url(../_gfx/button-search-big.gif) no-repeat; width:35px; height:30px;}
			
/* Disabled Style
- Used in Bubbles "Filter"
*/
.menu a.disabled, 
.menu a.disabled:hover { color:#ccc !important; background-color:#f9f9f9 !important; font-weight:normal;}
			

/* MAINCOL */
#mainCol { float:left;margin:0 0 20px; width:545px; overflow:hidden;}
#content-wide #mainCol { width:744px;}
		
	/* MainCol: Headlines / Text*/
	#mainCol .text { margin:0 20px 10px 0; float:left; width:525px;}
			
	/* Boxes: Headlines / Sub headlines */
	.boxhl { float:left; width:505px; padding:7px 10px; background-color:#f3f3f3; border-top:1px solid #e7e7e7; }
	.boxhl h2 {font-weight:bold; float:left; }
	.boxhl-sub { float:left; border-bottom:1px solid #f3f3f3; font-size:.9em; padding:4px 10px; width:505px; }
	.boxhl-sub .right a { margin-left:15px;}
			
	#content-wide .boxhl { width:925px;}
	#content-wide #mainCol .boxhl { width:705px;}
			
	/* AJAX Load Container 
    Usage: Profile, Activity, Bubbles 
    */
	#mainCol .partialContainer { float:left; width:100%;}
	#mainCol .partialContainer img.load {margin-left:260px;}
			
	/* MainCol: Headline 
    - Profile, Events, Groups
    */
	.headline { float:left;background:url("../_gfx/dot_ececec.gif") repeat-x 0 13px; width:525px; margin:10px 20px 0 0;}
	.headline h2 { padding-right:10px; line-height:20px; height:20px; background-color:white; float:left; font-weight:bold;}
	.headline a.edit { float:right; background-color:#fff; line-height:20px; height:20px; font-size:11px; padding-left:10px;}
	.headline a.edit:hover { font-weight:bold;}
			
			
	/* MainCol: Info
    Usage: Profile, Groups, Events
    */
	#mainCol .info { float:left; padding:10px 0 0; font-size:.9em; line-height:16px;}
	#mainCol .info dl { float:left; padding-bottom:15px; line-height:18px;}
	#mainCol .info dt { color:#999; float:left; width:100px;}
	#mainCol .info dd { color:#333; width:425px; float:right; margin-right:20px;}
	#mainCol .info dd a.viewall{ font-size:.9em; color:#999; }
			

	/* MainCol: Grid (40x40 images)
    Usage: Group, Events
    */
	#mainCol .grid-small { float:left; padding:10px 0 10px 10px; width:535px;}
	#mainCol .grid-small li { float:left; width:40px; font-size:.9em; margin:0 12px 8px 0; height:70px; overflow:hidden;}
	#mainCol .grid-small a {  text-align:center; display:block; float:left; width:40px; }
	#mainCol .grid-small img { float:left; padding-bottom:3px;}


/* News (Group > News) */
#mainCol .news .image { float:right;}
#mainCol .news .wrap { float:left; }
#mainCol .news h3 { font-weight:bold;}
#mainCol .news .options a { margin-right:10px;}
          
/* POSTS 
Usage: Messages2, Groups, Events, Guestbook
*/
            
.posts { float:left;}
.posts ul { float:left; margin-right:20px; display:inline; /* IE6 fix*/}
.posts ul li { padding:10px; float:left; border-bottom:1px solid #E7E7E7; width:505px;}
.posts ul li img { float:left; margin-right:10px;}
.posts ul li a.thumb { width:50px; background-color:#e7e7e7; margin-right:10px; float:left; }
.posts ul li a.thumb img { margin-right:0; width:50px;}
.posts ul li .wrap { float:left; width:445px;}		
.posts .wrap em.tagline { color:#666;}
.posts .wrap em.tagline a { font-weight:bold;}
.posts p.reply { margin-top:10px; font-style:italic; color:#999;}
			
		
			
/* LIST */
#mainCol .list { float:left; margin-bottom:20px;}
#mainCol .list ul { float:left; margin-right:20px; width:525px;}
#mainCol .list ul li { padding:10px 0 10px 10px; width:515px; border-top:1px solid #e7e7e7; float:left;}

#mainCol .list li img { float:left; }
#mainCol .list .no-image { font-size:3em; text-align:center; float:left; width:127px; padding:45px 10px; margin-right:10px; border:1px solid #cecece; background-color:#f3f3f3; color:#959595;}
#mainCol .list .no-image span { font-size:.4em; float:left; text-align:center; width:100%; }
#mainCol .list p.reply { margin-top:10px; font-style:italic; color:#999;}
#mainCol .list label { float:left; margin-right:10px;}
#mainCol .list .expand { float:right;}
#mainCol .list .wrap { float:left; width:350px;}
#mainCol .list p.user { float:left;}
#mainCol .list p.user span { color:#959595;}

/* List-Item Detail Definition List */
#mainCol .list dl.infolist { float:left; width:100%; margin:10px 0; font-size:.9em; line-height:16px;}
#mainCol .list dl.infolist dt { margin-right:5px; color:#959595; float:left; clear:left;}
#mainCol .list dl.infolist dd { float:left; color:#666; margin-right:5px;}

/* .options for .posts and .list */
li .options { float:left; margin:10px 0; width:100%;} 	/* NB! width: 100%; might fuck up some places...*/
li .options li { float:left; margin-right:20px; padding:0; border:0; width:auto;}
li .options a { float:left; margin-right:10px; }
			
/* Feedback on posts 
- Bubbles, Profile (Activity Widget)
*/
.posts .feedback { float:left; width:435px; padding-top:5px; font-size:.9em; background:url(../_gfx/lists/feedback_toparrow.gif) no-repeat 2<z0px 0; }
.posts .feedback li { position:relative; background-color:#f2f2f2;  border-bottom:1px solid #e8e8e8; width:355px; border-bottom:1px solid #e8e8e8; margin-bottom:3px; padding:5px 10px;}
.posts .feedback .feedback-wrap { width:305px; float:left; }
.posts .feedback .feedback-wrap small { color:#959595;}
.posts .feedback .delete { position:absolute; top:5px; right:8px;} 
.posts .feedback .inp { width:344px; padding:3px 5px;}

			
			/* Activity Feedback Form */
			.replyform textarea { width:342px;}
			.replyform .reply-button { display:none; float:right;  margin-top:8px;}
			.replyform label { width:100%; float:left; display:block; padding:4px 0;}
			.replyform .load { margin-left:170px;}
			
			/* Event Invite */
			#mainCol .list .remove { float:right;}
			
			/* MainCol: Bubbles */
			.posts .timestamp { float:left; width:100%; color:#959595; line-height:20px; font-size:.9em}
            .posts .timestamp a.favorite { background:url("../_gfx/bubbles/fav.gif") no-repeat top; height:12px; width:12px; display:inline-block; padding:0 2px;}
			.posts .timestamp a.favorite-on { background:url("../_gfx/bubbles/fav.gif") no-repeat bottom; height:12px; width:12px; display:inline-block; padding:0 2px;}
			
			/* Activity types */
			.posts .profile-image { display:block; margin-top:8px; max-height:200px; overflow:hidden;}
			.posts .profile-image img { float:left; }
			.posts .thumb img { width:50px;}
			.posts .image-grid { margin-top:8px; float:left; width:100%;}
			.posts .image-grid img { height:60px; margin-bottom:10px;}
			.posts .new-event { float:left; width:100%; margin:8px 0;}
			.posts .new-event .title { font-weight:bold; }
			.posts .new-event .tagline { font-style:italic; color:#999; margin-bottom:10px; }
			.posts .new-event dl { font-size:.9em; line-height:16px;}
			.posts .new-event dt { float:left; width:75px; color:#666;}
			.posts .new-event .rsvp { margin-top:20px; float:left;}
			.posts .new-discussion { margin:10px 0; float:left; width:100%;} 
			.posts .new-discussion a { font-weight:bold; }
			.posts .new-discussion p { color:#666}
			.posts .comment { margin:10px 0;  } 
			.posts .comment p {color:#666;}
			.posts .photo-comment { float:left; width:100%; margin:10px 0;}
			.posts .photo-comment img { float:left; }
			.posts .photo-comment p { font-size:1.1em; color:#666; margin-top:10px; }
			.posts .remove { color:red;}
			.posts .activity-summary a:first-child {  font-weight:bold;}
			


/* OVERVIEW: 
- Group Overview
- Event Overview
    */
#mainCol .date-hl { font-size:1.2em; float:left; width:525px; float:left;}
.date-hl span.date { font-weight:bold; background:url(../_gfx/ico/event.png) no-repeat #fff; padding-left:25px; display:block; float:left; line-height:19px;}
.date-hl span.date span { color:#959595; font-weight:normal; background:none; padding:0 8px 0 0;}
.events { float:left; width:525px; margin-bottom:30px; font-size:.9em;}
.events li:first-child { margin-top:10px; }
.events li { width:515px; float:left; padding:10px 0 10px 10px; }
.events h3 { float:left; margin-bottom:3px; font-weight:bold; font-size:1.2em;}
.events h3 a { color:#252525;}
.events p.tagline { color:#959595; font-style:italic; clear:left; margin-bottom:10px;}
.events li a.image { float:left; margin-right:10px;}
.events li a.image img { width:149px;}
.events li .wrap { float:left; width:355px;}
.events li dl { float:left; width:355px; margin-bottom:10px; line-height:14px;}
.events li dl dt { width:100px; float:left; color:#959595;}
.events li dl dd { float:left; width:255px; overflow:hidden;}
.events .rsvp { float:left; clear:right;}

#mainCol .events .options a { float:left; margin-right:10px;  }


/* Listings */
#mainCol .object-images { float:left; width:485px; padding:20px 20px 10px; background-color:#f3f3f3; margin-bottom:20px;}
#mainCol .object-images div { width:485px; text-align:center; float:left; margin-bottom:10px;}
#mainCol .object-images ul { width:485px; float:left;}
#mainCol .object-images ul li { float:left; height:67px; margin-bottom:10px;}
			
/* mainCol: Events > Promotional Highlighting */
#mainCol .events li.first { margin-top:10px;}
#mainCol .events li.promo { background:url(../_gfx/events/listing_bg_promoted.gif) no-repeat top right; border-top:0; padding-top:11px; }
#mainCol .events li.featured { background:url(../_gfx/events/listing_bg_featured.gif) no-repeat top right; border-top:0; padding-top:11px; }
#mainCol .events li.featured h3, #mainCol .events li.promo h3 { font-size:1.5em; }
#mainCol .events li.featured p.tagline, #mainCol .events li.promo p.tagline { font-size:1.2em;}
			
	
/* PAGING */
.paging {float:left; width:594px; padding:0 10px; margin-bottom:20px; background:url(../_gfx/dot_ececec.gif) repeat-x bottom;}
.pBoxed { background-color:#f3f3f3; border:1px solid #ececec;} /* Creates a light gray box around the pager*/
.pTop {  border-bottom:0; } /* For pager placed above its content */
.pBottom { background-position:top;border-top:0; } /* For pager placed beyond its content*/
.paging p { float:left; padding:8px 0;}
.paging ul { float:right; }
.paging ul li { float:left;}
.paging #activePage { font-weight:bold;}
.pTop ul li.active { background:url("../_gfx/paging/arrow_up.gif") no-repeat bottom center;}
.pBottom ul li.active { background:url("../_gfx/paging/arrow_down.gif") no-repeat top center;}
.paging ul li.active a { font-weight:bold; }
.paging ul a { padding:8px 5px; display:block;}
		
/* Paging: Width Adjustments */
#content .paging { width:723px;}
#content #mainCol .paging { width:505px; margin-right:20px; float:left;}
#content-wide .paging { width:920px;}
		
/* Pager Breadcrumb*/
#content .paging .breadcrumb a { background:url("../_gfx/breadcrumb_arrow.gif") no-repeat right; padding-right:15px; margin-right:5px;}
#content .paging .options { float:right;} 
#content .paging .options a { line-height:30px; }
		
		
		/* GRID
		- Should seperate the usergrid with normal photo grid.
		last members style already have .lastmembers - seperate to this.
		*/
		#body ul.grid { float:left; padding-bottom:7px; width:765px; overflow:hidden;}
		#body ul.grid li { float:left; height:180px;overflow:hidden; width:137px;   margin:0 13px 13px 0; font-size:.9em; padding-bottom:10px; -moz-border-radius:2px;}
		#body ul.grid li a.user-image, #body .grid li a.no-image { float:left; background-color:#eaeaea; max-height:137px; display:block; overflow:hidden;  margin-bottom:5px; text-align:center; color:#959595;}
		#body ul.grid li a.no-image { line-height:137px; border-bottom:1px solid white;}
		#body ul.grid p { color:#959595;}
		#body #mainCol ul.grid { width:547px; }
		#body #mainCol ul.grid li { height:auto; }
		#body ul.grid li.clear { height:0; width:100%; margin:0; padding:0;}
		
		/* Administrative/Moderation styles */
		#body ul.grid div.options { font-size:.9em; float:left; width:100%; padding:5px 0 0; margin:5px 0 5px; text-align:center; border-top:1px solid #e7e7e7;}
	 	#body ul.grid div.options a { width:auto; display:inline; margin:0; float:left; margin:0 5px;}
		
		/* Profile Header */	
		#profile-header { float:left; width:745px; padding:20px 20px 0; clear:both; }
		
		#profile-header .thumb { float:left; background-color:#252525; width:67px; height:67px; display:block; overflow:hidden; margin-right:20px; position:relative; /* IE 6 Fix */}
		#profile-header .no-image { float:left; background-color:#fff; border:1px solid #c6c6c6; color:#c6c6c6; font-size:3em; font-weight:bold; line-height:65px; text-align:center; width:65px; height:65px; display:block; overflow:hidden; margin-right:20px; position:relative; /* IE 6 Fix */}
		#profile-header .wrap { float:left; height:51px; width:658px;}
		
		#content #profile-header { border-bottom:20px solid #fff;} 
		
		#profile-header img { width:67px;  } /* Remember to change this on all pages where profile header is used */	
		#profile-header h1 { font-size:1.4em; font-weight:bold; margin-top:5px; display:inline;}
		#profile-header h1 a { color:#252525;}
		#profile-header .tagline { color:#666; font-size:1.2em; display:inline;}
		
		#content-wide #profile-header { width:944px;}
		#content-wide #profile-header { border-bottom:20px solid #fff;}
		#content-wide #profile-header .wrap { float:left; height:51px; width:857px;} /* FULL width*/
		
		/* Advertisement */
		#content ul.steps { float:left; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 20px; }
		#content ul.steps li { float:left; margin-left:20px; font-size:1.2em; padding:10px 0; }		

/* Form Style for Event Campaigns */
.banner-dummy { position:absolute; right:10px; top:0;}

/* Alerts, Errors, Notifications 
Colors from: http://www.flickr.com/photos/jannejanne/2492207808/sizes/o/
*/
.message { border:1px solid #e7e7e7; background-color:#f3f3f3; padding:20px; margin-bottom:20px; width:705px; float:left;display:none; -moz-border-radius:3px; -webkit-border-radius:3px; }
.message h2 { font-size:1.2em; margin-top:0;}
.message p { margin:10px 0; color:#666;}
.error { background-color:#faa1a1; border-color:#e77777;}
.error h2 { color:#600;}
.error p { color:#600;}
.success { background-color:#dfefce; border-color:#aed584; }
.success p { margin:10px 0; color:#333;}

/* Width adjustments */
#mainCol .message { width:483px; margin-top:10px;}
#leftCol .message { width:159px; margin-top:10px; line-height:15px; font-size:11px; padding:15px 20px;}
#leftCol .message p { margin:0; }
#content-wide .inner .message { width:902px}
#content-wide #mainCol .message { width:683px}
#content-wide .forms .message { width:524px; margin-left:86px;}

/* Messages inside Popups*/
#facebox div.message { width:571px;}

/* Upload Profile Photo */
.forms img.uploaded-photo { background-color:#fff; border:1px solid #959595; padding:4px; margin:0 0 20px; }

/* Ad Right*/
#adRight { float:left; border-left:3px solid #e7e7e7; margin-top:20px;} 
#ads { float:left; width:199px; overflow:hidden; }
.profile-header #ads { margin-top:103px;}
.textAd { float:left; width:185px; margin-top:10px; background-color:#fff; display:inline; overflow:hidden; border-bottom:1px solid #e7e7e7; padding:0 0 10px 10px;}
.textAd h3 { font-weight:bold; margin-bottom:8px }
.textAd p { margin:5px 0; }
.textAd a.url { font-size:.9em;}