/* ----------------------------------------------------------------------
Style Sheet for BrandStation App

------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------
CONTENTS:
=Resets & General
=Main Blocks
    =AllPages
    =AdminPages
    =LoginPages
	=Layout2
=Header
=Nav
=Content
	=Profile
	=Network
	=Events
	=Tags
	=Ratings
	=People
	=Teams
	=Blog
	=Wiki
	=Bookmarks
	=RSS
	=Forums
	=Videos
=Type
	=Layout2
=Lists
=Forms
=Teams & Members listings
------------------------------------------------------------------------*/
/* =Resets & General -----------------------------------------------------
------------------------------------------------------------------------*/
/*  for all pages */
body {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	background-color: #FFF;
}
/*  for iframe  */
.bodyIframe{ background:#FFF; margin:0; padding:0; font:11px Arial, Helvetica, sans-serif; color:#000; }
h1, h2, h3, h4, h5, h6, p, ul, li, div, form, input, label, img, button, select, textarea, span { margin:0; padding:0; }

ul { list-style:none; }

.clear { clear:both; height:0; }

a img { border:none; } /* remove border on linked images */

table { border-collapse:collapse; }

/* for divs, spans that should only appear when there's user interaction */
.hide { /* display:none; */ display:block; } 

/* when it's necessary to use green or red text, with or without links */
.warning ,
.warning a { color:#f00; } /* red */
.correct,
.correct a { color:#009900; } /* dark yellow */

/* =Main Blocks ----------------------------------------------------------
------------------------------------------------------------------------*/
#page-wrapper { width:988px; margin:auto; position:relative; } /* wraps all the content */

/*#header {
	position:relative;
	overflow:hidden;
	clear:both;
	background-color: #FFF;
	padding-top: 0px;
	width: 988px;
	height: 200px;
}  wraps the logo and upper navigation - Blogs, Wiki, etc. */
.nav-box-in-header {
	float: right;
	width: 750px;
	margin-top: 0px;
}
.logo-box {
	float: left;
	width: 988px;
	height: 150px;
	background-repeat: no-repeat;
}




/* news marquee */
#newsOuter {
	width:770px;
	height:20px;
	float:right;
} 


	#news {
	font-size:11px;
	color:#FFF;
} 

		#news a { font-size:11px; color:#FFF; }

/*#search {
	float:right;
	margin-top:8px;
	margin-right:32px;
	width:170px;
	background-color: #eeeeee;
	padding: 5px;
	padding-left: 10px;
} /* search form wrapper */
*/

#search-all-people {
	float:left;
	margin-top:35px;
	width:170px;
	margin-left: 30px;
}


#aside { width:212px; float:left; } /* left menu - Profile, Network and Events */

/* this class applies to all the boxes of the aside area */
.box { margin:10px 0; padding-bottom:5px; } 

/* each box has a different background gradient */
#profile-box { background:#eee; }
#network-box { background:#eee; }
#events-box { background:#eee; }
	#events-box .padding { margin-left:10px; } /* for IE to add margin to the calendar table */

/* the content area */
#content-wrapper {
	width:765px;
	float:right;
	padding-bottom:15px;
	margin-bottom:10px;
	background-color: #EEE;
}
	#content-wrapper .padding { padding:15px; }

/* for progress bar */
#updateProgressDiv {background-color: #CF4342; position: absolute;}
#updateProgressDiv span {color: #fff; margin: 20px;}

/*#tags {
	clear:both;
	display:block;
	overflow:hidden;
	border-width:0 1px;
	background:#eeeeee;
	width:982px;
	padding-bottom:40px;
}*/

/* same as for other boxes (content, asides) */
.top-bkg-tags {  background:url(images/tags_bkg_top.gif) no-repeat top left; height:5px; width:982px; clear:both; }
.bottom-bkg-tags {  background:url(images/tags_bkg_bottom.gif) no-repeat bottom left; height:5px; width:982px; clear:both; margin-bottom:10px; }

/* inside the content-wrapper, there are 2 content areas: Menus and Content */
#submenus { width:180px; float:left; }
#content { width:545px; float:right; }
#content-full { width:100%;float:right;  } /* used instead of the previous when there is no sub navigation */

/* =Admin Pages ----------------------------------------------------------
------------------------------------------------------------------------*/
/* For admin Full screen view */
/* Edited by Nikhil Jain 14-10-2008 */
#page-wrapper-admin{ width:988px; margin:auto; position:relative; }  /* wraps all the content */
#content-wrapper-admin {
	width:988px;
	float:right;
	border:1px solid #cecece;
	border-width:0 1px;
	padding:10px 0 20px 0;
	background-color: #eee;
}
#content-wrapper-admin .padding { padding:15px; }
/* if the background was applied to the actual content box, the border would be visible over the corners. With separate divs, they're not */
.top-bkg-content-admin {
	background: #fff; height:6px;
	float:right;
	width:988px;
}
.bottom-bkg-content-admin { background: #fff;   height:6px; float:right; width:988px; margin-bottom:10px; }
#submenus-admin { width:180px; float:left; }
#content-admin {
	width:700px;
	float:left;
	margin-left: 40px;
}

/* =Login Pages ----------------------------------------------------------
------------------------------------------------------------------------*/
/* For Login , forget password pages. */
/*Edited Prithiraj 25-09-2008 For login*/
#content-wrapper-holder{ width:765px; margin:auto; margin-top:100px;} /* wraps all the content */
#content-wrapper-logon {width:765px; background-color:#fff; height:450px; margin:0 auto;}
#content-wrapper-logon .textbox {width:180px;}
#content-wrapper-logon .imageLogo{float:right; padding-right:5px;margin-bottom:50px;}
#content-wrapper-logon .details{padding-top:125px; padding-left:25px;}
#content-wrapper-logon .details-entry{width:210px; border:solid 2px blue; float:left; margin-left:5px; padding-right:5px; padding-top:3px; padding-left:3px;}
#content-wrapper-logon .details-email{width:250px; border:solid 2px blue; float:left; margin:auto; margin-left:5px; text-align:center; padding-top:10px; padding-left:5px; padding-bottom:5px; padding-right:5px;}

	/* =Layout 2 -------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* in order for the 2nd version of the layout to be applied, the body tag of the page has to have an id of layout2	*/
	#layout2 #page-wrapper { width:773px; } /* wraps all the content */
	
	/* news marquee */
	#layout2 #news { left:13px; top:86px; width:450px; } 
	#layout2 #search { right:13px; top:82px; } /* search form wrapper */	
	#layout2 #aside { width:773px; float:none; clear:both; margin:auto; } /* side boxes area */
	
	/* this box is needed to enclose both the .box the top and bottom backgrounds and the headers */
	.box-wrapper { width:251px; float:left; margin-right:10px; }
	/* the last box doesn't need a right margin */		
	.box-wrapper.last { margin-right:0; }
	
	/* this class applies to all the boxes of the aside area */
	#layout2 .box { min-height:200px; } /* so that the boxes have the same height no depending on content - it would look a bit messy | has ie6.css */	
	
	/* the images are different from the normal layout because the box is wider */
	#layout2 .bottom-bkg.profile { background-image:url(images/bottom_profile2.gif); }
	#layout2 .bottom-bkg.network { background-image:url(images/bottom_network2.gif); }
	#layout2 .bottom-bkg.events { background-image:url(images/bottom_events2.gif); }
	
	/* the content area */
	#layout2 #content-wrapper,
	#layout2 .top-bkg-content,
	#layout2 .bottom-bkg-content { width:773px; }
	
	/* if the background was applied to the actual content box, the border would be visible over the corners. With separate divs, 				
	they're not */
	#layout2 .top-bkg-content {  background:url(images/content_bkg_top2.gif) no-repeat top left; }
	#layout2 .bottom-bkg-content {  background:url(images/content_bkg_bottom2.gif) no-repeat bottom left; }
	
	#layout2 #tags { width:773px; }

	/* same as for other boxes (content, asides) */
	#layout2 .top-bkg-tags {  background:url(images/tags_bkg_top2.gif) no-repeat top left; width:773px; }
	#layout2 .bottom-bkg-tags {  background:url(images/tags_bkg_bottom2.gif) no-repeat bottom left; width:773px; }
	
	/* inside the content-wrapper, there are 2 content areas: Menus and Content */
	#layout2 #content { width:560px; }

/* =Header ---------------------------------------------------------------
------------------------------------------------------------------------*/
/* h1 text replaced by image for logo */
h1 { width:250px; text-indent:-10000px; margin:6px 0 0 17px; }
h1 a { height:56px;display:block; }

/* =Nav -----------------------------------------------------------------
------------------------------------------------------------------------*/
/* main nav - Blogs, Wiki, etc. */
ul#nav {
	list-style:none;
	float:right;
	margin-right:0px;
}
	ul#nav li {
	float:right;
	margin-right:0px;
	margin-bottom: 0px;
}
		/*ul#nav li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding-top: 22px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 8px;
}		*/
		
		ul#nav li a#ctl00_lnkHome {
	background-color: #000;
	background-image: url(images/nav-icon-home.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lnkBlog {
	background-color: #000;
	background-image: url(images/nav-icon-blog.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lbtnWikki {
	background-color: #000;
	background-image: url(images/nav-icon-file.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lnkRssreader {
	background-color: #000;
	background-image: url(images/nav-icon-rss.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lnkBookmark {
	background-color: #000;
	background-image: url(images/nav-icon-bookmarks.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lnkForum {
	background-color: #000;
	background-image: url(images/nav-icon-forums.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lnkVideo {
	background-color: #000;
	background-image: url(images/nav-icon-videos.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		ul#nav li a#ctl00_lnkManageAdmTask {
	background-color: #000;
	background-image: url(images/nav-icon-admin.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	width:80px;
}
		
		ul#nav li a:hover {
	text-decoration:none;
	color: #CCFF01;
}
		
		/* align top nav to middle */
		ul#nav.middle { float:none; display:block; margin:auto; width:597px; overflow:hidden; }

/* =Content --------------------------------------------------------------
------------------------------------------------------------------------*/
a { text-decoration:none; color:#000; } /* all links are black with no underline, by default */
a:hover { text-decoration:underline; color:#000; } /* all hovers are black, underlined, by default */

#aside img { margin:0 0 5px 10px; padding:0; float:left; } /* profile avatar */

/* for warning messages like "Profile updated", etc. */
span.messages { background:#ffffff; color:#CC0033;}
span.error { background:#ffffff; color:#CC0033;}
span.errorHome { background-color:#CC0033; }

/* question mark symbol used for help text messages on hover (for example, Create team form) */
span.question a { display:block; width:14px; height:16px; background:url(images/question.gif) no-repeat left top; margin:-2px 0 0 55px; }
	/* =Profile --------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* aside Profile box content */
	#profile-box p { clear:both; display:block; padding-bottom:3px; }
	span.welcome { float:left; }
	span.logout { float:right; margin-right:10px; }	
	
	#profile-box .label { clear:right; font-weight:bold; color:#cc6633; }
	#profile-box .input {
	width:100px;
	border:none;
	background:#fff;
	padding:2px;
	font:11px Arial, Helvetica, sans-serif;
}
	
	/* =Network --------------------------------------------------------------
	------------------------------------------------------------------------*/
	p.network-margins { margin-top:5px; } /* to give an extra space on top of some paragraphs inside the Network box */
	
	/* =Events --------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* aside Events box content - Calendar table */
	
	#events-box table {
	border:1px solid #000;
	width:190px;
	background:#fff;
}
	
	#events-box th,
	#events-box td { padding:2px; } /* centers all text inside the table */
	
	#events-box th {
	background:#e9e6df;
	color:#000;
	font-weight:bold;
} /* for headers */
	
	/* month headers have different background colour and text colour */
	#events-box th.month { background:#c0c0c0; color:#fff; }
	
	/* for the arrows before and after the month */
	#events-box td.month { background:#c0c0c0; color:#68a500; } 
	#events-box td.month a { color:#68a500; }	
	
	#events-box td { color:#000; }
	#events-box td a { color:#000; }
	
	#events-box td.weekend {
	background:#ccff01;
}
	
	/* days of the previous and next month have different colours than the current month's days */
	#events-box td.prevnext { color:#7a9b75; }
	#events-box td.prevnext a { color:#7a9b75; }
	
	/* current day */
	#events-box td.current { color:#f00; font-weight:bold; }
	#events-box td.current a { color:#f00; }
	
	/* Pagination*/
	#dvPaging { padding-right:20px; float:right; font:normal 11px Arial,Helvetica,sans-serif; color:#111; text-decoration:none; }
	
	/* =Tags -----------------------------------------------------------------
	------------------------------------------------------------------------*/
/*	#tags-list { padding:0 10px 10px 10px; margin-top:-4px; }*/

	
	/* font sizes increase for more popular tags */
	.tags1 { font-size:10px; }
	.tags2 { font-size:11px; }
	.tags3 { font-size:12px; }
	.tags4 { font-size:13px; }
	.tags5 { font-size:14px; }
	.tags6 { font-size:15px; }
	.tags7 { font-size:16px; }
	.tags8 { font-size:17px; }
	.tags9 { font-size:18px; }
	.tags10 { font-size:19px; }
	.tags11 { font-size:20px; }
	.tags12 { font-size:21px; }
	
	/* =Ratings --------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* in the main content area, tables for content ratings, this style is also used for other tables */
	table.ratings { background:#ECD6AF; width:500px; margin-bottom:10px; }
	table.ratings th,
	table.ratings td { padding:5px 3px; text-align:center; border-bottom:1px solid #fff; border-right:1px solid #fff; }
	
	/* inside the ratings table, user's avatar class */
	img.avatar { margin-bottom:2px; }
	/* inside the ratings table, user's name */
	span.people-name { clear:both; display:block; margin-top:2px; }
	
	/* =People ---------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* each user is inside his/her own div */
	div.item-people { width:90px; height:123px; float:left; margin:0 5px 12px 0; text-align:center; overflow:hidden; }
	
	/* user avatar */
	div.item-people img { margin:auto; clear:both; margin-bottom:3px; }
	
	/* for text elements inside the user div */
	div.item-people span { clear:both; display:block; margin-bottom:1px; }
	div.item-people span.people-name { font-weight:bold; margin-bottom:3px; }
	div.item-people span.people-invitedetails { color:#666; } /* used when user invites to be friend */
	
	/* green border for users who are online */
	.online { border:2px solid #009933; }
	
	/* =Teams ---------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* each team is inside its own div */
	div.item-teams { width:140px; height:183px; float:left; margin:0 5px 12px 0; text-align:center; overflow:hidden; }
	
	/* team avatar */
	div.item-teams img { margin:auto; clear:both; margin-bottom:3px; }
	
	/* for text elements inside the team div */
	div.item-teams span { clear:both; display:block; margin-bottom:1px; }
	div.item-teams span.people-name { font-weight:bold; margin-bottom:3px; }
	div.item-teams span.people-invitedetails { color:#666; }
	
	/* tables with invisible borders, for example, for a Team details page */
	table.clean-table { border:none; font:11px Arial, Helvetica, sans-serif; clear:both; margin:10px 0; }
	table.clean-table th,
	table.clean-table td { padding:3px; text-align:left; vertical-align:top; }
	table.clean-table th { font-weight:bold; width:120px; }
	table.table-adminblog td { padding:3px; text-align:left; vertical-align:top; }
	/* used in conjunction with div.item-people, to show the list of team members inside the team details page */
	div.team { width:160px; height:130px; }
	
	/* used inside the create team form, to list all people */
	div.invite-members { width:410px; height:160px; overflow:auto; margin-bottom:10px; }
	
	/* =Blogs ---------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* to add separation (margins and borders) to blog posts, and allow to style some elements differently from the rest (for example h4) */
	/* also used to separate events */
	div.blogpost { margin-bottom:13px; padding-bottom:7px; border-bottom:1px solid #ccc; }
	div.blogpost h4 { font-weight:bold; font-size:14px; color:#666; }
	
	/* div.content is around the actual content of the blog posts, so the p tags are a bit larger than the rest */
	div.postcontent p { font-size:12px; }
	
	a.add-blog-post { clear:both; display:block; font-size:12px; background:url(images/blogpost-icon.gif) no-repeat left 50%; padding-left:20px; }
	
	/* =Wiki ----------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* for the box with special characters in the "create wiki page" page */
	div.characters { width:95%; border:1px solid #999; padding:3px; font-size:13px; color:#214c9a; margin-bottom:10px; }
	div.characters a { color:#214c9a; }
	div.characters a:hover { color:#d9671e; }
	
	/* for the box with preview in the "create wiki page" page */
	div.preview { width:90%; border:3px solid #999; padding:4px; font-size:13px; background:#fff; height:350px; overflow:auto; }
	
	/* =Bookmarks ------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* unorderes list that lists the bookmarks */
	ul.bookmarks { display:block; clear:both; margin-bottom:10px; }
	ul.bookmarks li { padding:5px; position:relative; } /* position:relative so that the div.edit can be absolutely positioned */
	ul.bookmarks li:hover { background:#FFFF99; } /* to give a visual reference of which bookmark is being hovered (can be removed) */
	
	a.edit-bookmark { margin-left:5px; } /* to give some extra space from the actual bookmark link */
	
	/* edit box, that only appears for user created bookmarks */
	div.edit a { width:18px; height:18px; background:url(images/book_edit.gif) no-repeat top left; display:block; position:absolute; right:0; top:4px; }	
	
	/* =RSS ------------------------------------------------------------------
	------------------------------------------------------------------------*/
	a.edit-link { margin:2px 3px 2px 0; }
	a.delete-link { margin:2px 0; }
	
	/* =Forums ---------------------------------------------------------------
	------------------------------------------------------------------------*/

	/* unorderes list that lists the forum topics */
	ul.forums-list { margin-bottom:10px; }
	ul.forums-list li { margin-bottom:5px; }
	
	/* table that lists the posts inside each topic */
	table.forum-posts { background:#fff; width:500px; margin-bottom:10px; }
	table.forum-posts th,
	table.forum-posts td { padding:5px 3px; text-align:left; border:1px solid #999; }
	table.forum-posts th { background:#CCC; }
	
	/* each type of post has a different background image, like Questions, Jokes, etc. */
	a.general { padding:1px 0 3px 18px; background:url(images/forums_icon_general.gif) no-repeat left top; }
	a.question { padding:1px 0 3px 18px; background:url(images/forums_icon_question.gif) no-repeat left top; }
	a.news { padding:1px 0 3px 18px; background:url(images/forums_icon_news.gif) no-repeat left top; }
	a.joke { padding:1px 0 3px 18px; background:url(images/forums_icon_joke.gif) no-repeat left top; }
	
	/* =Videos ---------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* the actual video should be inside this div */
	#video-box { width:365px; float:right; margin:5px 5px 5px 0; background:#fff; }
/*	#video-box .iframeMovieClip { width:365px; height:500px;}* */
	
	/* description of the video, that appears to its right */
	#content p.video-descrip { clear:none; color:#74748d; }
	
	/* for the div used for video list */	
    #videolist{float:left; }
	
	/* video list table */	
	#videolist table { margin-bottom:10px; font-weight:bold; clear:both; font-size:12px; }
	#videolist td { vertical-align:middle; float:left; }	
	#videolist td a { color:#5a3b97; text-decoration:none; } /* purple links */
	#videolist td a:hover { color:#f11d91; text-decoration:none; } /* pink hovered links */
	
/* =Type -----------------------------------------------------------------
------------------------------------------------------------------------*/
/* headers inside the aside boxes (Profile, Network, Events) */
/*#aside h2 { color:#fff; font-size:14px; padding:8px 3px 7px 55px; margin-bottom:5px; }*/

/* each h2 header has a different backgroun - rounded corners and icon in one image */
#aside h2.profile {
	background:#000 url(images/header_profile.gif) no-repeat 5px 50%;
}
#aside h2.network {
	background:#000 url(images/header_profile.gif) no-repeat 5px 50%;
}
#aside h2.events {
	background:#000 url(images/header_profile.gif) no-repeat 5px 50%;
}

/* aside paragraphs. since the box itself has no padding, the content within it has to have margins/paddings */
#aside p { margin-left:10px; }

/* main content paragraphs */
#content p,
#content-full p { margin-bottom:8px; clear:both; }

/* header title for the tags box */
/*#tags h2 {
	background:#000 url(images/header_profile.gif) no-repeat 10px 50%;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:8px 3px 7px 60px;
	margin-bottom:5px;
	position:relative;
}*/
	#tags h2 span.advSearch { position:absolute; right:10px; top:8px; font-size:12px; }
		#tags h2 span.advSearch a { color:#fff; }
	

/* different classes for the main content area h3 headers (mainly in the sub navigation area. names are self-explanatory */

/* h3 headers with background on the left */
h3.h-editprofile {
	background:url(images/h_profile.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-mypreferences {
	background:url(images/h_preferences.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-myratings {
	background:url(images/h_activity_rating.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-friends { background:url(images/h_network.gif) no-repeat left top; padding-left:25px; padding-bottom:5px; color:#000; font-weight:bold; font-size:14px; margin-bottom:8px; }
h3.h-invites {
	background:url(images/h_invites.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teams {
	background:url(images/h_teams.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-network {
	background:url(images/h_network.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam {
	background:url(images/h_network.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-myevents { background:url(images/h_myevents.gif) no-repeat left top; padding-left:20px; padding-bottom:5px; color:#000; font-weight:bold; font-size:14px; margin-bottom:8px; }
h3.h-search {
	background:url(images/h_search.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-editrss {
	background:url(images/h_edit_rss.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}

/* for search */
h3.search.h-blog {
	background:url(images/h_blog.gif) no-repeat 50% top;
	padding-top:35px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	text-align:center;
	width:85px;
}
h3.search.h-wiki {
	background:url(images/h_wiki.gif) no-repeat 50% top;
	padding-top:35px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	text-align:center;
	width:85px;
}
h3.search.h-rss {
	background:url(images/h_rss.gif) no-repeat 50% top;
	padding-top:35px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	text-align:center;
	width:85px;
}
h3.search.h-bookmarks {
	background:url(images/h_bookmarks.gif) no-repeat 50% top;
	padding-top:35px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	text-align:center;
	width:85px;
}
h3.search.h-forums {
	background:url(images/h_forums.gif) no-repeat 50% top;
	padding-top:35px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	text-align:center;
	width:85px;
}
h3.search.h-videos {
	background:url(images/h_videos.gif) no-repeat 50% top;
	padding-top:35px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	text-align:center;
	width:85px;
}

/* for advanced search */
label.AdvSearch.h-blog { background:url(images/h_blog.gif) no-repeat left bottom;padding-top:35px; padding-bottom:5px; padding-left:32px;font-weight:bold; font-size:11px;}
label.AdvSearch.h-wiki { background:url(images/h_wiki.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-rss { background:url(images/h_rss.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-bookmarks { background:url(images/h_bookmarks.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-forums { background:url(images/h_forums.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-videos { background:url(images/h_videos.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-profile { background:url(images/h_profile.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-events { background:url(images/h_events.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}
label.AdvSearch.h-network2 { background:url(images/h_network.gif) no-repeat left bottom; padding-top:35px; padding-bottom:5px; padding-left:32px; font-weight:bold; font-size:11px;}

/* h3 headers with background on the top */
/*h3.h-blog {
	background:url(images/h_blog.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-wiki {
	background:url(images/h_wiki.gif) no-repeat left top;
	padding-left:24px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-rss {
	background:url(images/h_rss.gif) no-repeat left top;
	padding-left:24px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-bookmarks {
	background:url(images/h_bookmarks.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-forums {
	background:url(images/h_forums.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-videos {
	background:url(images/h_videos.gif) no-repeat left top;
	padding-left:24px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}

h3.h-profile {
	background:url(images/h_profile.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-events {
	background:url(images/h_events.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-network2 {
	background:url(images/h_network.gif) no-repeat left top;
	padding-left:24px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teams2 {
	background:url(images/h_network.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam2 {
	background:url(images/h_network.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teamdetails {
	background:url(images/pg_title_teamdetails.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-viewallteams {
	background:url(images/pg_title_viewallteams.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}

/*Class for Main Header in Administrative Tasks */
h3.MainHeaderClass { color: Black; font-weight: bold; font-size:medium; }

/*Class for Header of pages in Administrative Tasks */
h3.HeaderClass { color: Black; font-weight: bold; font-size: small; 
}*/
/* replace the width for h3 headers inside the content-full divs (when the page has no subnavigation div */
#content-full h3 { background-position:left 9px; padding:20px 0px 10px 0px; text-align:left; border-top:1px solid #999; width:auto; }

/* for search home page */
#content-full h3.search { background-position:left 9px; padding:20px 0px 10px 35px; text-align:left; border-top:1px solid #999; width:auto; }

#content h4 { font-size:13px; font-weight:bold; margin-bottom:10px; }

	/* =Layout2 --------------------------------------------------------------
	------------------------------------------------------------------------*/
	/* there is no need for a top margin in this layout */
	#layout2 #aside h2.profile { margin-top:0; }	
	
	/* the backgrounds are different from the normal layout because the headers are wider */
	#layout2 #aside h2.profile { background-image:url(images/header_profile2.gif); }
	#layout2 #aside h2.network { background-image:url(images/header_network2.gif); }
	#layout2 #aside h2.events { background-image:url(images/header_events2.gif); }

/* =Lists ----------------------------------------------------------------
------------------------------------------------------------------------*/
/* general style for lists inside sub navation area */
#submenus li { margin-bottom:3px; }
#submenus li.active { font-weight:bold; } /* current page, when needed */

/* lists inside lists, used in Blog posts list */
#submenus li ul { padding-left:7px; margin-top:3px; }
#submenus li li ul { padding-left:13px; margin-top:3px; }

/* for use in the blog posts list, the + and - icons */
span.less a { background:url(images/lists_less.gif) no-repeat left 2px; display:block; float:left; margin-right:3px; height:11px; width:9px; }
span.more a { background:url(images/lists_more.gif) no-repeat left 2px; display:block; float:left; margin-right:3px; height:11px; width:9px; }

/* =Forms ----------------------------------------------------------------
------------------------------------------------------------------------*/
/* top search form */
#search-form input { font:11px Arial, Helvetica, sans-serif; border:none; background:#fff; padding:3px; width:110px; }
#search-form a.btnBgClass { clear:none; }

/* forms in the aside boxes */
#aside form { margin-left:5px; }

/* profile-box status form */
div#profile-status { float:left; width:110px; padding-top:5px; margin-left:6px;}
div#profile-status .label { clear:right; font-weight:bold; color:#cc6633; }
div#profile-status .input { width:100px; border:none; background:#fff; padding:2px; font:11px Arial, Helvetica, sans-serif; }

/* global CSS */
/* most of the forms in the content area */
/*
div.simple-form label { display:block; clear:both; margin-bottom:3px; } *//* labels appear over the inputs, so that there are no lenght constrains */

/* form.simple-form input, */
div.simple-form textarea,
div.simple-form select { margin-bottom:0px; clear:both; display:block; width:153px; }

div.simple-form input.submit { clear:both; display:block; }

/* for smaller inputs, like password fields */
div.simple-form input.small,
div.simple-form select.small { width:140px; } 

/* headers inside forms (for example, in the My Profile form */
h4.form-headers { font-size:12px; margin-bottom:3px; }

/* notes that appear after some input fields, have negative top margins to be closer to the inputs */
p.form-note { margin-top:-5px; margin-bottom:7px; }

/* avatars appear inside this div */
div.my-picture { width:45px; height:45px; background:#CCC; margin-bottom:5px;}
.my-picture { width:45px; height:45px; margin-bottom:5px; margin-left:9px;}

/* for the My Profile form */
div.password-strenght { width:100px; height:14px; display:inline; background:#CCC; float:left; margin:-5px 0 6px 0; }
span.password-indicator { margin:-5px 0 0 105px; display:block; }

/* for example, the warning in the My Profile form */
span.form-warnings { background:#CC0000; clear:both; display:block; padding:4px 10px; margin-bottom:10px; color:#fff; }

/* checkboxes and radio buttons, and their labels, have to float left so the labels are next to them and not in the next line */
div.simple-form input.checkbox,
div.simple-form label.checkbox { float:left; }
div.simple-form input.checkbox { clear:none; margin-right:3px; width:auto; }

/* labels for checkboxes and radio buttons */
div.simple-form label.checkbox { clear:right; margin-bottom:14px; }

/* adds a background to some labels */
div.simple-form label.brandstation { background:url(images/form-bslogo.gif) no-repeat left 50%; padding:12px 0 12px 43px; margin-top:-12px; } /* My preferences form */
div.simple-form label.vidads { background:url(images/form-vidlogo.gif) no-repeat left 50%; padding:12px 0 12px 43px; margin-top:-12px } /* My preferences form */
div.simple-form label.viewmytv { background:url(images/form-viewlogo.gif) no-repeat left 50%; padding:12px 0 12px 43px; margin-top:-12px } /* My preferences form */

div.simple-form label.question { background:url(images/forums_icon_question.gif) no-repeat left 50%; padding:2px 0 2px 19px; margin-top:-2px } /* Forums new comment form - Message type labels */
div.simple-form label.general { background:url(images/forums_icon_general.gif) no-repeat left 50%; padding:2px 0 2px 19px; margin-top:-2px } /* Forums new comment form - Message type labels */
div.simple-form label.news { background:url(images/forums_icon_news.gif) no-repeat left 50%; padding:2px 0 2px 19px; margin-top:-2px } /* Forums new comment form - Message type labels */
div.simple-form label.joke { background:url(images/forums_icon_joke.gif) no-repeat left 50%; padding:2px 0 2px 19px; margin-top:-2px } /* Forums new comment form - Message type labels */
div.simple-form label.answer { background:url(images/answer.gif) no-repeat left 50%; padding:2px 0 2px 19px; margin-top:-2px } /* Forums new comment form - Message type labels */

div.simple-form label.docswiki { background:url(images/wiki_docs.gif) no-repeat left 50%; padding:3px 0 3px 25px; margin-top:-2px } /* create Wiki form - document type */
div.simple-form label.spreadwiki { background:url(images/wiki_spreadsheets.gif) no-repeat left 50%; padding:3px 0 3px 25px; margin-top:-2px } /* create Wiki form - document type */
div.simple-form label.pageswiki { background:url(images/wiki_pages.gif) no-repeat left 50%; padding:3px 0 3px 25px; margin-top:-2px } /* create Wiki form - document type */
div.simple-form label.otherwiki { background:url(images/wiki_other.gif) no-repeat left 50%; padding:3px 0 3px 25px; margin-top:-2px } /* create Wiki form - document type */

div.simple-form br { display:block; clear:both; height:1px; } /* invisible divider between some labels/checkboxes/radio buttons */ 

/* all the submit buttons, if this style is followed, the button will always be as wide as needed for the text inside the span */
/* buttons have selectors in both ie6.css and ie7.css */

/* the button element gives the right background part 
input.submit  { border:0; cursor:pointer; font-weight:bold; padding-right:10px; text-align:center; background: url(images/button_bkg_right.gif) no-repeat right; font-size:10px; overflow:visible; clear:both; margin:5px 5px 5px 0; }
*//* the span element gives the left background part 
input.submit span  { position:relative; height:22px; line-height:22px; display:block; white-space:nowrap; padding-left:10px; background:url(images/button_bkg_left.gif) no-repeat left; color:#fff; }
*/

/*.btnBgClass { font:11px Arial, Helvetica, sans-serif; cursor:pointer; color:#FFF; background:#5b5b5b; border:1px solid #8c8c8c; padding:3px 6px; margin: 10px 0; border-bottom-color:#3c3c3c; border-right-color:#3c3c3c; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
*/	/*.btnBgClass:hover { background:#808080; text-decoration:none; color:#fff; }*/
	
	a.btnBgClass { clear:both; margin-top:0; }

/* the upload button needs to be closer to the previous input than the other buttons */
button.upload { margin-top:-5px; margin-bottom:8px; }

/*Upload Avatar*/
.bodyClassUpload { background-color:white; }

/* iframe width and height throughout the application*/
.iframe { width:750px; height:390px; border:0px;}

/* iframe width and height throughout the admin*/
.Adminiframe { width:765px; height:600px; border:0px;}

/* Class for table throughout the application*/
.table-full{ width:100%;}
.table-adminblog{ width:100%;}

#table-Action{ width:70%;}

/* Class for Iframe used in Profile section*/
.iframe-profile { text-align:center; vertical-align:middle; border-style:none; margin:0px; width:420px; height:97px; }

.iframe-upload
{
    width:500px;
    height:450px;
}

/* Class for Iframe used in Teams section*/
.iframe-teams { text-align: center; vertical-align: middle; border-style: none; margin: 0px; width: 422px; height: 110px; }

/* Class for Iframe used in WIKI section*/
.iframe-wiki { text-align:center; vertical-align:middle; border-style: one; background-color:White; margin:0; width:620px; height:65px }

/* fck Editor throughout the application */
#fckeditor {width:90%; height:200px;}
.fckeditor {width:90%; height:200px;}

#topLink { font:bold 11px Arial, Helvetica, sans-serif; color:#000; text-decoration: none; text-align:right; margin-right:4px; }

 /*related to grid */
 
/*.dgrdaltcell { background-color:white; font:normal 11px Arial,Helvetica,sans-serif; }
.dgrdcell { background-color: #F5F5F5; font:normal 11px Arial,Helvetica,sans-serif; }*/
.FrndListdgrdcell { font:normal 11px Arial,Helvetica,sans-serif; width:170px; vertical-align:top; border-color:black; border-width:0px; }

.dgrdheader { color:black; font:bold 11px Arial,Helvetica,sans-serif;height:25px; text-decoration:none; background-position:left; background-repeat:repeat-x; background-color:#878787; }

.dgrdheader a:hover  {color:#1098C0;text-decoration:underline}

.dgrdfooter { font-size:11px; text-align:center; }

.drgLinkClass a { font:normal 11px Arial,Helvetica,sans-serif; color:#111; text-decoration:none; }

.drgLinkClass a:hover { font:normal 11px Arial,Helvetica,sans-serif; color:#000; text-decoration:underline; }

.pagerstyle { background-color:#878787; }

.pageheading { font:bold 14px Arial,Helvetica,sans-serif; color:#000; text-decoration:none; height:25px; vertical-align:middle; }

.AdminRightMenu { text-align:right; width:100%; margin-top:10px; }
	.AdminRightMenu a img { vertical-align:top; }
	.AdminRightMenu p { line-height:30px; }

.AdminBlog{font-weight: bold; Font-Size:Large; }

.AdminTeamFeaturedSave{text-align: right; width: 82%;}

.AdminBlogFeaturedSave{text-align: right; width: 88%;}

.AdminWikiFeaturedSave{text-align: right; width: 100%;}

/*Class for Blog Post Comment*/
.Comment-box { width:300px; height:80px; }

.txtEditor-AdminBlog { width:460px; height:120px; }
 
 /*Class for paging link applied on DIV*/
 .dvPaging { font-size:15px; margin:5px 0; }
 	.dvPaging a { padding:0 3px; }
 
 /*Class for Div To invite members while creating a team*/
 .invite-members{width:200px;height:100px;overflow-y:scroll;}
 
 /*  home page classes  */
 
.homeleft { width:180px; float:left; }
.homeright { width:545px; float:right;padding-top:15px;}

.Admingosearch {background-image:url(images/search_button_bkg.gif) }

 /* Admin ManageTasks -- Classes for images of links  */
 #submenus-admin ul { margin:10px 0 20px 0; }
 	#submenus-admin div.sep { height:2px; background:#000; border:none; clear:both; margin-bottom:10px; overflow:hidden; }
 #submenus-admin li { margin-bottom:10px; float:left; width:100%; clear:both; }
 #submenus-admin li a { clear:both; display:block; padding:5px 5px 5px 26px; background:none no-repeat left 50%; }
	 #submenus-admin li a.billing {background-image:url(images/manage_billing.gif);}
	 #submenus-admin li a.themes {background-image:url(images/manage_themes.png);}
	 #submenus-admin li a.members {background-image:url(images/manage_users.gif);}
	 #submenus-admin li a.teams {background-image:url(images/manage_teams.gif);}
	 #submenus-admin li a.forums {background-image:url(images/manage_forums.gif);}
	 #submenus-admin li a.search {background-image:url(images/manage_search.gif);}
	 #submenus-admin li a.activity {background-image:url(images/manage_user_activity.gif);}
	 #submenus-admin li a.bookmarks {background-image:url(images/manage_bookmarks.gif);}
	 #submenus-admin li a.homepage {background-image:url(images/manage_front_end_components.gif);}
	 #submenus-admin li a.seo {background-image:url(images/manage_seo.gif);}
	 #submenus-admin li a.blogs {background-image:url(images/manage_blogs.gif);} 
	 #submenus-admin li a.events {background-image:url(images/manage_events.gif);}
	 #submenus-admin li a.videos {background-image:url(images/manage_channels.gif);}
	 #submenus-admin li a.rss {background-image:url(images/manage_rss.gif);}
#submenus-admin li a.themes {
	background-image:url(images/manage_themes.gif);
}

	 #submenus-admin li a.email {background-image:url(images/manage_email_notifications.gif);}
	 #submenus-admin li a.components {background-image:url(images/manage_components.gif);}
	 #submenus-admin li a.categories {background-image:url(images/manage_industries.gif);}
	 #submenus-admin li a.file {background-image:url(images/manage_wiki.gif);}
	 #submenus-admin li a.login {background-image:url(images/manage_login.gif);}
	 #submenus-admin li a.moderation {background-image:url(images/manage_content.gif);}
	 
	 /* for admintask */
	.manage_users {background-image:url(images/manage_users.gif);width:20px; height:18px;margin:5px 0 10px 0;}
	.manage_teams {background-image:url(images/manage_teams.gif);width:20px; height:18px;margin:5px 0 10px 0;}
	.manage_events {background-image:url(images/manage_events.gif);width:20px; height:18px;margin:5px 0 10px 0;}
	
	.manage_blogs {background-image:url(images/manage_blogs.gif);width:14px; height:18px;margin:5px 0 10px 0;}
	.manage_wiki {background-image:url(images/manage_wiki.gif);width:24px; height:18px;margin:5px 0 10px 0;}
	.manage_rss {background-image:url(images/manage_rss.gif);width:18px; height:18px;margin:5px 0 10px 0;}
	.manage_bookmarks {background-image:url(images/manage_bookmarks.gif);width:14px; height:18px;margin:5px 0 10px 0;}
	.manage_forums {background-image:url(images/manage_forums.gif);width:18px; height:18px;margin:5px 0 10px 0;}
	.manage_channels {background-image:url(images/manage_channels.gif);width:22px; height:18px;margin:5px 0 10px 0;}
	
	.manage_moderation {background-image:url(images/manage_content.gif);width:14px; height:18px;margin:5px 0 10px 0;}
	.manage_user_activity {background-image:url(images/manage_user_activity.gif);width:18px; height:18px;margin:5px 0 10px 0;}
	.manage_components {background-image:url(images/manage_components.gif);width:18px; height:18px;margin:5px 0 10px 0;}
	.manage_front_end_components {background-image:url(images/manage_front_end_components.gif);width:16px; height:18px;margin:5px 0 10px 0;}
	.seo_icon {background-image:url(images/manage_seo.gif);width:22px; height:18px;margin:5px 0 10px 0;}
	.login_icon {background-image:url(images/manage_login.gif);width:18px; height:18px;margin:5px 0 10px 0;}
	.manage_email_notifications {background-image:url(images/manage_email_notifications.gif);width:19px; height:18px;margin:5px 0 10px 0;}
	.manage_industries {background-image:url(images/manage_industries.gif);width:18px; height:18px;margin:5px 0 10px 0;}
	.manage_billing {background-image:url(images/manage_billing.gif);width:12px; height:18px;margin:5px 0 10px 0;}
	.manage_search {background-image:url(images/manage_search.gif);width:20px; height:18px;margin:5px 0 10px 0;}
	.manage_themes {background-image:url(images/manage_themes.gif);width:20px; height:20px;margin:5px 0 10px 0;}
 
/* for check box list controls */
    div.AspNet-CheckBoxList ul { list-style-type:none; padding:0px; margin:0px; }
	li.AspNet-CheckBoxList-Item { /*height:35px;*/ white-space:pre-wrap; /* forces the checkbox and text to be on the same line */ }
	li.AspNet-CheckBoxList-Disabled label { color:#999; }
	ul.AspNet-CheckBoxList-RepeatDirection-Horizontal li { display:inline; }
	
/* for radio button list control */

    div.AspNet-RadioButtonList ul { list-style-type:none; padding:0px; margin:0px; }
	li.AspNet-RadioButtonList-Item { white-space:nowrap; /* forces the radio button and text to be on the same line */ }	
	li.AspNet-RadioButtonList-Disabled label { color:#999; }
	ul.AspNet-RadioButtonList-RepeatDirection-Horizontal li { display:inline; }
	
.CheckBoxListAdvSearch { list-style-type:none; padding:0px; margin:0px; }
.CheckBoxListAdvSearch label { height:35px; white-space:normal; margin-left:2px; }
.CheckBoxListAdvSearch input { vertical-align:middle; height:35px; white-space:normal; }

/* Ads 11.12.2008 IVLeon */
div#ads-wrapper { width:1120px; margin:auto; }

div#page-wrapper { float:left; }

div.ads { text-align:center; }

	div.ads.top_ad_box {
	width:770px;
	margin:20px 0;
	float:right;
	height: -1px;
        font-size:smaller;
}
	div.ads.left_ad_box {
	width:160px;
	margin:10px auto;
	clear:both;
	display:block;
}
	div.ads.right_ad_box { width:90px; height:600px; margin:5px 0 0 10px; float:left; }
	div.ads.bottom_ad_box { width:468px; margin:10px auto; clear:both; display:block; }
	
	/* new ad/widget blocks */
	
	div.ads.sidebar_ad { background:green; height:150px; display:block; margin:12px 0; }

/* =Teams & Members listings ---------------------------------------------
------------------------------------------------------------------------*/
/* yaili 15 Feb 2009 */
.member { clear:both; display:block; border-bottom:1px solid #999999; padding:10px 0; }

	.member .member-avatar {
	float:left;
	margin-right:7px;
	position:relative;
	background-image: url(images/NoPhoto.gif);
	width: 66px;
	height: 66px;
}
.member .member-avatar-people {
	float:left;
	margin-right:7px;
	position:relative;
	background-image: url(images/NoPhotoPeople.gif);
	width: 43px;
	height: 43px;
}

		.member .add-friend { width:15px; height:15px; background:url(images/add-friend.gif) no-repeat left top; margin-right:3px; text-indent:-10000px; display:inline-block; }
	.member .member-descrip { float:left; }
		.member h2 { margin-bottom:6px; }
		.member h3 { margin-bottom:8px; }
	
	.member h3.team-blog a { background:url(images/blog-icon.gif) no-repeat left 50%; padding-left:15px; }
	
	.member span.privacy { background:url(images/privacy-icon.gif) no-repeat left 50%; padding-left:14px; }

img.logo { margin:20px; float:left; }