/* ----------------------------------------------------------------------
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:#272727;
	background-color: #558ed4; 
	 
}
/*  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; line-height:0; font-size: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:0 auto; position:relative; padding:28px 0 0 0 } /*Aug 06*/ /* wraps all the content */

#header {
	position:relative;
	overflow:hidden;
	clear:both;
	padding-top: 0px;
	
} /* wraps the logo and upper navigation - Blogs, Wiki, etc. */
.nav-box-in-header {
	float: left;
	width: 960px;
	height:100px;
	margin-top: 13px;
	background:url(images/top-nav-bg.jpg) top left no-repeat;
}
.logo-box {
	float: left;
	width: 955px;
	height: 92px;
	margin-top: 5px;
	background:url(images/logoBar-bg.gif) top left no-repeat;
	padding:9px 0 5px 5px ;
}

.topheader_ad_box {
height: 92px;
margin-top: 5px;
padding:9px 0 5px 5px ;
position:absolute;
 left:220px;
top:0px;

}

#search {

 	 width:189px; 	
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
} /* search form wrapper */
#search-no-ads {
	float:left;
	margin-top:5px;
	margin-right:10px;
	width:170px;
	margin-bottom: 5px;
}



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


#aside { width:189px; float:left; margin-right:10px;  } /* left menu - Profile, Network and Events */


/* this class applies to all the boxes of the aside area */
.box {margin:7px 0;padding-bottom:8px;line-height:22px } 

/* each box has a different background gradient */
#profile-box {
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
#network-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; 
}
	
#network-box p{margin-top:0px}

#events-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
	#events-box .padding { margin-left:10px; } /* for IE to add margin to the calendar table */

/* the content area */
#content-wrapper {/*width:592px; */width:765px;float:right; background:url(images/sun-mid-strip.gif) top left  repeat-y; overflow:hidden; margin-bottom:15px;}
	#content-wrapper .padding { padding:15px; }

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

#tags {
	width:960px;
	background:#fff url(images/tag-wrapper-bottom.gif) bottom left no-repeat;
	float:left;	
	padding-bottom:10px;
	margin-bottom:10px;
	
}

/* 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; }
#submenus p a{ font-size:14px!important; font-weight:bold}
#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; background:#fff no-repeat 525px 2px; padding:10px 0 20px 0; }
#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:left;
	margin-right:0px;
	margin-top:11px;
	height:61px;
	margin-left:17px;
	display:inline;
}
	ul#nav li {
	float:left;
	margin-right:0px;
	margin-bottom: 0px;
	background:url(images/nav-bg.jpg) top left repeat-x;
	height:61px;
}
		ul#nav li a {
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding:38px 26px 10px 26px;
	height:13px;
	
	
}		
		
		ul#nav li a#ctl00_lnkHome {
	background-image: url(images/nav-icon-home.png);
	background-repeat: no-repeat;
	background-position:center 6px ;
	
}
		ul#nav li a#ctl00_lnkBlog {
	background-image: url(images/nav-icon-blog.png);
	background-repeat: no-repeat;
	background-position: center 6px ;
	
}
		ul#nav li a#ctl00_lbtnWikki {
	background-image: url(images/nav-icon-files.gif);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_lnkRssreader {
	background-image: url(images/nav-icon-rss.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkBookmark {
	background-image: url(images/nav-icon-links.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkForum {
	background-image: url(images/nav-icon-forums.png);
	background-repeat: no-repeat;
	background-position: center  12px ;
	
}
		ul#nav li a#ctl00_lnkVideo {
	background-image: url(images/nav-icon-videos.png);
	background-repeat: no-repeat;
	background-position: center  10px ;
	
}
		ul#nav li a#ctl00_lnkManageAdmTask {
	background-image: url(images/nav-icon-admin.png);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_likdivContact  {
	background-image: url(images/nav-icon-contact.png);
	background-repeat: no-repeat;
	background-position: center  11px ;
	
}		
		ul#nav li:hover {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		ul#nav li.navSel {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		
		/* align top nav to middle */
		ul#nav.middle { float:none; display:block; margin:auto; width:597px; overflow:hidden; }
		
		

/* =Content --------------------------------------------------------------
------------------------------------------------------------------------*/
a { text-decoration:none; color:#e36c09; text-decoration:underline } /* all links are black with no underline, by default */
a:hover { text-decoration:none; 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:162px;
	border:1px solid #fadb92;
	padding:2px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	
}
	
	/* =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 #505050;
	width:170px;
	background:#fff;
}
	
	#events-box th,
	#events-box td { padding:1px; } /* 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; text-decoration:none; font-size:11px }
	
	#events-box td.weekend {
	background:#87abe2;
}
	
	/* 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:-10px }
	#tags-list a { color:#272727; text-decoration:none; }
	#tags-list a:hover { text-decoration:underline; }
	
	/* 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:320px; float:left; margin:10px 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; width: 320px; }
	
	/* 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:16px; padding:5px 3px 7px 10px; margin-bottom:5px; }

/* each h2 header has a different backgroun - rounded corners and icon in one image */
#aside h2.profile {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
	float:left;
	width:176px;
}
#aside h2.network {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}
#aside h2.events {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}

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

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

/* header title for the tags box */
#tags h2 { background:#e36c09 url(images/tag-wrapper-top.gif) top left no-repeat; color:#fff; font-size:16px; font-weight:bold; padding:6px 3px 7px 12px; margin-bottom:5px; position:relative; height:27px; }
	#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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-friends {
	background:url(images/h_friends.gif) no-repeat left top;
	padding-left:25px;
	padding-bottom:5px;
	color:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teams2 {
	background:url(images/h_teams.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam2 {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#545454; 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:#545454; 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 */
/* ----------------------------------------------------------------------
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:#272727;
	background-color: #558ed4; 
	 
}
/*  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; line-height:0; font-size: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:0 auto; position:relative;} /*Aug 06*/ /* wraps all the content */

#header {
	position:relative;
	overflow:hidden;
	clear:both;
	padding-top: 0px;
	
} /* wraps the logo and upper navigation - Blogs, Wiki, etc. */
.nav-box-in-header {
	float: left;
	width: 960px;
	height:100px;
	margin-top: 13px;
	background:url(images/top-nav-bg.jpg) top left no-repeat;
}
.logo-box {
	float: left;
	width: 955px;
	height: 92px;
	margin-top: 5px;
	background:url(images/logoBar-bg.gif) top left no-repeat;
	padding:9px 0 5px 5px ;
}




#search {

 	 width:189px; 	
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
} /* search form wrapper */
#search-no-ads {
	float:left;
	margin-top:5px;
	margin-right:10px;
	width:170px;
	margin-bottom: 5px;
}



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


#aside { width:189px; float:left; margin-right:10px;  } /* left menu - Profile, Network and Events */


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

/* each box has a different background gradient */
#profile-box {
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
#network-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; 
}
	

#events-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
	#events-box .padding { margin-left:10px; } /* for IE to add margin to the calendar table */

/* the content area */
#content-wrapper {/*width:592px; */width:762px;float:left; background:url(images/sun-mid-strip.gif) top left  repeat-y; overflow:hidden; margin-bottom:15px;}
	#content-wrapper .padding { padding:15px; }

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

#tags {
	width:960px;
	background:#fff url(images/tag-wrapper-bottom.gif) bottom left no-repeat;
	float:left;	
	padding-bottom:10px;
	margin-bottom:10px;
	
}

/* 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; background:#fff no-repeat 525px 2px; padding:10px 0 20px 0; }
#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:left;
	margin-right:0px;
	margin-top:11px;
	height:61px;
	margin-left:17px;
	display:inline;
}
	ul#nav li {
	float:left;
	margin-right:0px;
	margin-bottom: 0px;
	background:url(images/nav-bg.jpg) top left repeat-x;
	height:61px;
}
		ul#nav li a {
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding:38px 26px 10px 26px;
	height:13px;
	
	
}		
		
		ul#nav li a#ctl00_lnkHome {
	background-image: url(images/nav-icon-home.png);
	background-repeat: no-repeat;
	background-position:center 6px ;
	
}
		ul#nav li a#ctl00_lnkBlog {
	background-image: url(images/nav-icon-blog.png);
	background-repeat: no-repeat;
	background-position: center 6px ;
	
}
		ul#nav li a#ctl00_lbtnWikki {
	background-image: url(images/nav-icon-files.gif);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_lnkRssreader {
	background-image: url(images/nav-icon-rss.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkBookmark {
	background-image: url(images/nav-icon-links.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkForum {
	background-image: url(images/nav-icon-forums.png);
	background-repeat: no-repeat;
	background-position: center  12px ;
	
}
		ul#nav li a#ctl00_lnkVideo {
	background-image: url(images/nav-icon-videos.png);
	background-repeat: no-repeat;
	background-position: center  10px ;
	
}
		ul#nav li a#ctl00_lnkManageAdmTask {
	background-image: url(images/nav-icon-admin.png);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_likdivContact  {
	background-image: url(images/nav-icon-contact.png);
	background-repeat: no-repeat;
	background-position: center  11px ;
	
}		
		ul#nav li:hover {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		ul#nav li.navSel {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		
		/* align top nav to middle */
		ul#nav.middle { float:none; display:block; margin:auto; width:597px; overflow:hidden; }
		
		

/* =Content --------------------------------------------------------------
------------------------------------------------------------------------*/
a { text-decoration:none; color:#e36c09; text-decoration:underline } /* all links are black with no underline, by default */
a:hover { text-decoration:none; 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:162px;
	border:1px solid #fadb92;
	padding:2px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	
}
	
	/* =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 #505050;
	width:170px;
	background:#fff;
}
	
	#events-box th,
	#events-box td { padding:1px; } /* 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; text-decoration:none; font-size:11px }
	
	#events-box td.weekend {
	background:#87abe2;
}
	
	/* 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:-10px }
	#tags-list a { color:#272727; text-decoration:none; }
	#tags-list a:hover { text-decoration:underline; }
	
	/* 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:320px; float:left; margin:10px 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; width: 320px; }
	
	/* 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:16px; padding:5px 3px 7px 10px; margin-bottom:5px; }

/* each h2 header has a different backgroun - rounded corners and icon in one image */
#aside h2.profile {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
	float:left;
	width:176px;
}
#aside h2.network {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}
#aside h2.events {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}

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

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

/* header title for the tags box */
#tags h2 { background:#e36c09 url(images/tag-wrapper-top.gif) top left no-repeat; color:#fff; font-size:16px; font-weight:bold; padding:6px 3px 7px 12px; margin-bottom:5px; position:relative; height:27px; }
	#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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-friends {
	background:url(images/h_friends.gif) no-repeat left top;
	padding-left:25px;
	padding-bottom:5px;
	color:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teams2 {
	background:url(images/h_teams.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam2 {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#545454; 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:#545454; 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 { background:url(images/new-search_bg.gif) top left no-repeat ; height:63px; padding-top:40px;}
#search-form p { padding-left:10px}
#search-form input { width:162px;border:1px solid #fadb92;padding:2px;font:12px Arial, Helvetica, sans-serif; margin-bottom:3px;margin-left:4px; }
#search-form a.btnBgClass { clear:none;padding:6px;}
/* 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:#686868; 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; color:#fff;  overflow:hidden ; width:450px; float:right; /*Aug 06*/}
	.AdminRightMenu a { color:#000 !important; } 
	.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 c/* ----------------------------------------------------------------------
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:#272727;
	background-color: #558ed4; 
	 
}
/*  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; line-height:0; font-size: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:961px;float:left; margin:0 auto; position:relative; } /* wraps all the content */

#header {
	position:relative;
	overflow:hidden;
	clear:both;
	padding-top: 0px;
	
} /* wraps the logo and upper navigation - Blogs, Wiki, etc. */
.nav-box-in-header {
	float: left;
	width: 960px;
	height:100px;
	margin-top: 13px;
	background:url(images/top-nav-bg.jpg) top left no-repeat;
}
.logo-box {
	float: left;
	width: 955px;
	height: 92px;
	margin-top: 5px;
	background:url(images/logoBar-bg.gif) top left no-repeat;
	padding:9px 0 5px 5px ;
}

/* news marquee */
#newsOuter {
	width:770px;
	height:20px;
	float:right;
	display:none; /*Aug 06*/
} 
#news { font-size:11px; color:#ffffff; } 

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



#search {

 	 width:189px; 	
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
} /* search form wrapper */
#search-no-ads {
	float:left;
	margin-top:5px;
	margin-right:10px;
	width:170px;
	margin-bottom: 5px;
}



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


#aside { width:189px; float:left;/* margin-right:10px; Aug 06*/  } /* left menu - Profile, Network and Events */


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

/* each box has a different background gradient */
#profile-box {
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
#network-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; 
}
	

#events-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
	#events-box .padding { margin-left:10px; } /* for IE to add margin to the calendar table */


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

#tags {
	width:960px;
	background:#fff url(images/tag-wrapper-bottom.gif) bottom left no-repeat;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	
}

/* 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; background:#fff no-repeat 525px 2px; padding:10px 0 20px 0; }
#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:left;
	margin-right:0px;
	margin-top:11px;
	height:61px;
	margin-left:17px;
	display:inline;
}
	ul#nav li {
	float:left;
	margin-right:0px;
	margin-bottom: 0px;
	background:url(images/nav-bg.jpg) top left repeat-x;
	height:61px;
}
		ul#nav li a {
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding:38px 26px 10px 26px;
	height:13px;
	
	
}		
		
		ul#nav li a#ctl00_lnkHome {
	background-image: url(images/nav-icon-home.png);
	background-repeat: no-repeat;
	background-position:center 6px ;
	
}
		ul#nav li a#ctl00_lnkBlog {
	background-image: url(images/nav-icon-blog.png);
	background-repeat: no-repeat;
	background-position: center 6px ;
	
}
		ul#nav li a#ctl00_lbtnWikki {
	background-image: url(images/nav-icon-files.gif);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_lnkRssreader {
	background-image: url(images/nav-icon-rss.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkBookmark {
	background-image: url(images/nav-icon-links.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkForum {
	background-image: url(images/nav-icon-forums.png);
	background-repeat: no-repeat;
	background-position: center  12px ;
	
}
		ul#nav li a#ctl00_lnkVideo {
	background-image: url(images/nav-icon-videos.png);
	background-repeat: no-repeat;
	background-position: center  10px ;
	
}
		ul#nav li a#ctl00_lnkManageAdmTask {
	background-image: url(images/nav-icon-admin.png);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_likdivContact  {
	background-image: url(images/nav-icon-contact.png);
	background-repeat: no-repeat;
	background-position: center  11px ;
	
}		
		ul#nav li:hover {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		ul#nav li.navSel {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		
		/* align top nav to middle */
		ul#nav.middle { float:none; display:block; margin:auto; width:597px; overflow:hidden; }
		
		

/* =Content --------------------------------------------------------------
------------------------------------------------------------------------*/
a { text-decoration:none; color:#000000; text-decoration:underline } /* all links are black with no underline, by default */
a:hover { text-decoration:none; 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:162px;
	border:1px solid #fadb92;
	padding:2px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	
}
	
	/* =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 #505050;
	width:170px;
	background:#fff;
}
	
	#events-box th,
	#events-box td { padding:1px; } /* 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; text-decoration:none; font-size:11px }
	
	#events-box td.weekend {
	background:#87abe2;
}
	
	/* 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:-10px }
	#tags-list a { color:#272727; text-decoration:none; }
	#tags-list a:hover { text-decoration:underline; }
	
	/* 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:320px; float:left; margin:10px 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; width: 320px; }
	
	/* 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:16px; padding:5px 3px 7px 10px; margin-bottom:5px; }

/* each h2 header has a different backgroun - rounded corners and icon in one image */
#aside h2.profile {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
	float:left;
	width:176px;
}
#aside h2.network {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}
#aside h2.events {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}

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

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

/* header title for the tags box */
#tags h2 { background:#e36c09 url(images/tag-wrapper-top.gif) top left no-repeat; color:#fff; font-size:16px; font-weight:bold; padding:6px 3px 7px 12px; margin-bottom:5px; position:relative; height:27px; }
	#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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-friends {
	background:url(images/h_friends.gif) no-repeat left top;
	padding-left:25px;
	padding-bottom:5px;
	color:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teams2 {
	background:url(images/h_teams.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam2 {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#545454; 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:#545454; 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 { width:162px;border:1px solid #fadb92;padding:2px;font:12px Arial, Helvetica, sans-serif; margin-bottom:3px; }
#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:#686868; 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; }

.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; }


/*div#page-wrapper { float:left; } 
*/
div.ads { text-align:center; }

	div.ads.top_ad_box {
	width:762px;
	height:-1px;
	float:left;
margin-top:-110px;
font-size:smaller;
}
	div.ads.left_ad_box {
	width:160px;
	margin:10px auto;
	clear:both;
	display:block;
}

	.bottom_ad_box { width:492px; height:68px;padding-top:10px;  float:left; /*background:#fff url(images/bottom-div-bg.gif) top left repeat-x;*/ text-align:center }
	
	/* 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;
	height: 45px;
	width: 45px;
	background-image: url(images/NoPhotoPeople.gif);
}
.member .member-avatar-teams {
	float:left;
	margin-right:7px;
	position:relative;
	height: 66px;
	width: 66px;
	background-image: url(images/NoPhoto.gif);
}

		.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; }


/*-----------------Added by CIPL---------*/
.top-header-add { float:right; width:690px; height:88px; }
.fL {float:left}
.fR {float:right}
.fN {float:none} 
.tC	{text-align:center}
.tL	{text-align:left}
.tR	{text-align:right}
.ppBtn { margin-top:18px; margin-left:10px;}
.topmargin0 { margin-top:0!important}

.btnOrangeClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#ff7c00 url(images/orangeBtnBG.jpg) top left repeat-x; padding:0px 6px; margin:5px 0; border:none; height:19px; }

.btnBlueClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#548dd4 url(images/blueBtnBG.jpg) top left repeat-x; padding:0px 6px;  border:none; height:19px; }
.main-Wrapper { float:left; width:594px;}

/*-----Search box-----*/
.adSearch { margin:7px 10px 0 0}

/*---share box-----*/
#shareBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px;overflow:hidden}
#aside h2.share {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.shareContainer { padding:10px 10px 10px 15px ;}

/*---group box-----*/
#groupBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.group {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.group_thumb { width:37px; height:37px; text-align:center; float:left}
.groupContainer { font-weight:bold; float:left; padding-left:0px; width:190px; padding-top:15px}
.groupContainer span{display:block; border-bottom:1px solid #474747; padding:0 0 5px 0; margin:-0px 0 0 0}
.groupContainer span hr{ display:none}
.groupContainer span table tr td{ line-height:33px;}
.groupContainer span table tr td input{ margin:0 5px 0 0} 
.allTeams { width:170px; margin:0 0 5px 0; text-align:right}


/*----Surf news-----*/
#surfNewsBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfNews {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfNewsContainer {margin-left:6px;padding:5px;}
.bgWhite { background:#fff}
.surfNewsContainer li { padding:5px 10px;}
.surfNewsContainer li a { text-decoration:none; color:#272727; display:block}
.surfNewsContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Surf Links-----*/
#surfLinksBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfLinks {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfLinksContainer {margin-left:6px;padding:5px;}
.surfLinksContainer li { padding:6px 10px;}

.surfLinksContainer li a { text-decoration:none; color:#272727; display:block}
.surfLinksContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Event-----*/
.createEvent { width:170px; margin:5px 0; text-align:right}

/*----Network-----*/

.networkContainer li { width:70px; float:left; text-align:center; margin:3px 0 6px 15px ; display:inline}
.network-thumb { padding:2px; width:65px; height:66px; background:#fff; border:1px  solid #e4d699; margin-bottom:2px }
.networkContainer li a { text-decoration:none; color:#272727; display:block}
.networkContainer li a:hover {color:#e36c09; text-decoration:underline}
.allEditor { width:170px; margin:0 0 5px 0; text-align:right; }

/*----content area----*/
.content-wrapper { width:594px; float:left; background:url(images/main-white-strip.gif) top left  repeat-y; overflow:hidden }

.content-wrapper .padding { padding:7px 30px 0 30px;  }

/*--------Video box--------*/
.video-descrip {background:#f8f7f7; padding:5px; float:right ; width:195px; display:inline; margin-top:-20px;line-height:18px;}
.content-wrapper h2.video { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }

/*----Blog Summary----*/
.content-wrapper h2.blogSummary { width:535px; background: url(images/main-blue-top.gif) top left no-repeat; height:12px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blueBox {margin:0 15px; color:#558ed4; font-weight:bold; background:#e6f1ff; padding:0 13px 7px 13px; }
.PagiLinks { margin-top:5px;}
.blogSummaryContainer { height:183px;}
.blogSummaryContainer li { width:178px; float:left; margin-bottom:8px}
.blogSummaryContainer li a {text-decoration:underline; color:#272727; }
.blogSummaryContainer li a:hover {color:#e36c09; text-decoration:underline}

/*-----------Blog post*-----------*/
.content-wrapper h2.surfStories { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blogpostNew li { background:#f8f7f7; padding:8px 15px 9px 15px; margin-bottom:13px;}
.blogpostNew li.blogPostLast { margin-bottom:0}
.blogHeading { margin-bottom:6px; }
.blogHeading a{ font-size:12px; font-weight:bold; color:#548dd4; text-decoration:none; }
.blogThumb { border:1px solid #e2e1e1; padding:5px; width:267px; height:201px; text-align:center; float:left}
.blogDesc { width:210px; float:right; line-height:18px;}

/*--------Add box------------*/

.add-box { width:158px; background:#fff url(images/add-white-top.gif) top left no-repeat; padding-top:10px; margin-bottom:10px;} 
.featureWrapper { text-align:center}
.featureWrapper li { margin:3px 0;}

/*--------Footer-------*/
.ppBtn { margin-top:18px; margin-left:10px;}
.footerLinks {margin-top:23px; margin-left:3px; float:right; color:#fff}
.footerLinks a {color:#fff; }ontrol */

    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 {
	position:relative; /* for add  div*/
	margin:0 auto;
	width:1131px;/*width:961px;*/
	/*float:right;  Aug 06 */
}

/*div#page-wrapper { float:left; } 
*/
div.ads { text-align:center; }


	div.ads.left_ad_box {
	width:160px;
	margin:10px auto;
	clear:both;
	display:block;
}
	div.ads.right_ad_box {padding:32px 0 0 0;
	width:130px;
	height:600px;
	float:right;
        margin-left:10px;
        
}
	.bottom_ad_box { width:492px; height:68px;padding-top:10px;  float:left; /*background:#fff url(images/bottom-div-bg.gif) top left repeat-x;*/ text-align:center }
	
	/* 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;
	height: 45px;
	width: 45px;
	background-image: url(images/NoPhotoPeople.gif);
}
.member .member-avatar-teams {
	float:left;
	margin-right:7px;
	position:relative;
	height: 66px;
	width: 66px;
	background-image: url(images/NoPhoto.gif);
}

		.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; }


/*-----------------Added by CIPL---------*/
.top-header-add { float:right; width:690px; height:88px; }
.fL {float:left}
.fR {float:right}
.fN {float:none} 
.tC	{text-align:center}
.tL	{text-align:left}
.tR	{text-align:right}
.ppBtn { margin-top:18px; margin-left:10px;}
.topmargin0 { margin-top:0!important}

.btnOrangeClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#ff7c00 url(images/orangeBtnBG.jpg) top left repeat-x; padding:0px 6px; margin:5px 0; border:none; height:19px; }

.btnBlueClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#548dd4 url(images/blueBtnBG.jpg) top left repeat-x; padding:0px 6px;  border:none; height:19px; }
.main-Wrapper { float:left; width:594px;}

/*-----Search box-----*/
.adSearch { margin:7px 10px 0 0}
.sunGO { background:url(images/sunGO_btn.gif) top left no-repeat; width:36px; height:18px; display:block; float:left; margin-top:6px; }
.sunGO span { display:none}
.pASearch { float:right; margin-right:10px; margin-top:6px}

/*---share box-----*/
#shareBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px}
#aside h2.share {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.shareContainer { padding:10px 10px 10px 15px ;}

/*---group box-----*/
#groupBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.group {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.groupContainer li{ display:block; background:url(images/group-li-bg.gif) 10px bottom no-repeat; overflow:hidden; margin-bottom:10px; padding-bottom:10px; padding-left:10px;}
.groupContainer li.groupLast{ background:none; padding:0; padding-left:10px; }
.group_thumb { width:37px; height:37px; text-align:center; float:left}
.groupContainer li p { font-weight:bold; float:left; padding-left:10px; width:120px;}
.groupContainer li p a { text-decoration:none; color:#272727}
.groupContainer li p a:hover {color:#e36c09; text-decoration:underline}
.allTeams { width:170px; margin:0 0 5px 0; text-align:right}


/*----Surf news-----*/
#surfNewsBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfNews {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfNewsContainer { margin-left:6px;padding:0px 1px 3px 1px;}
.bgWhite { background:#fff}
.surfNewsContainer li { padding:5px 10px;}
.surfNewsContainer li a { text-decoration:none; color:#272727; display:block}
.surfNewsContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Surf Links-----*/
#surfLinksBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfLinks {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfLinksContainer { padding:0px 1px 3px 1px;}
.surfLinksContainer li { padding:6px 10px;}
.surfLinksContainer li a { text-decoration:none; color:#272727; display:block}
.surfLinksContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Event-----*/
.createEvent { width:170px; margin:5px 0; text-align:right}

/*----Network-----*/

.networkContainer li { width:70px; float:left; text-align:center; margin:3px 0 6px 15px ; display:inline}
.network-thumb { padding:2px; width:65px; height:66px; background:#fff; border:1px  solid #e4d699; margin-bottom:2px }
.networkContainer li a { text-decoration:none; color:#272727; display:block}
.networkContainer li a:hover {color:#e36c09; text-decoration:underline}
.allEditor { width:170px; margin:0 0 5px 0; text-align:right; }

/*----content area----*/
.content-wrapper {width:594px; float:left; background:url(images/sun-mid-strip.gif) top left  repeat-y; overflow:hidden }

.content-wrapper .padding { padding:7px 30px 0 30px;  }

/*--------Video box--------*/
.video-descrip {background:#f8f7f7; padding:5px; float:right ; width:195px; display:inline; margin-top:-20px;line-height:18px;}
.content-wrapper h2.video { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }

/*----Blog Summary----*/
.content-wrapper h2.blogSummary { width:535px; background: url(images/main-blue-top.gif) top left no-repeat; height:12px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blueBox {margin:0 15px; color:#558ed4; font-weight:bold; background:#e6f1ff; padding:0 13px 7px 13px; }
.PagiLinks { margin-top:5px;}
.blogSummaryContainer { height:183px;}
.blogSummaryContainer li { width:178px; float:left; margin-bottom:8px}
.blogSummaryContainer li a {text-decoration:underline; color:#272727; }
.blogSummaryContainer li a:hover {color:#e36c09; text-decoration:underline}

/*-----------Blog post*-----------*/
.content-wrapper h2.surfStories { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blogpostNew li { background:#f8f7f7; padding:8px 15px 9px 15px; margin-bottom:13px;}
.blogpostNew li.blogPostLast { margin-bottom:0}
.blogHeading { margin-bottom:6px; }
.blogHeading a{ font-size:12px; font-weight:bold; color:#548dd4; text-decoration:none; }
.blogThumb { border:1px solid #e2e1e1; padding:5px; width:267px; height:201px; text-align:center; float:left}
.blogDesc { width:210px; float:right; line-height:18px;}

/*--------Add box------------*/

.add-box { width:158px; background:#fff url(images/add-white-top.gif) top left no-repeat; padding-top:10px; margin-bottom:10px;} 
.featureWrapper { text-align:center}
.featureWrapper li { margin:3px 0;}

/*--------Footer-------*/
.ppBtn { margin-top:18px; margin-left:10px;}
.footerLinks {margin-top:23px; margin-left:3px; float:right; color:#fff}
.footerLinks a {color:#fff; }


.sun_mid-top, .sun_mid-bottom { width:762px;}
.sun_mid-top { background:url(images/sun-mid-top.gif) top left no-repeat; height:50px; float:left }
.sun_mid-bottom { background: url(images/sun-mid-bottom.gif) top left no-repeat; height:21px;float:left} 

.sunBlogMenu {font-size:12px;}
.sunBlogMenu a {color:#333; margin-bottom:5px;}
.sunBlogMenu p {display:block; margin-bottom:7px;}
.sunBlogMenu p a { font-size:13px !important; font-weight:bold; }
/* 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:#686868; 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; color:#fff;  overflow:hidden ; width:465px; float:right; /*Aug 06*/}
	.AdminRightMenu a { color:#000 !important; } 
	.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 c/* ----------------------------------------------------------------------
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:#272727;
	background-color: #558ed4; 
	 
}
/*  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; line-height:0; font-size: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;float:left; margin:0 auto; position:relative; } /* wraps all the content */

#header {
	position:relative;
	overflow:hidden;
	clear:both;
	padding-top: 0px;
	
} /* wraps the logo and upper navigation - Blogs, Wiki, etc. */
.nav-box-in-header {
	float: left;
	width: 960px;
	height:100px;
	margin-top: 13px;
	background:url(images/top-nav-bg.jpg) top left no-repeat;
}
.logo-box {
	float: left;
	width: 955px;
	height: 92px;
	margin-top: 5px;
	background:url(images/logoBar-bg.gif) top left no-repeat;
	padding:9px 0 5px 5px ;
}

/* news marquee */
#newsOuter {
	width:770px;
	height:20px;
	float:right;
	display:none; /*Aug 06*/
} 
#news { font-size:11px; color:#ffffff; } 

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



#search {

 	 width:189px; 	
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
} /* search form wrapper */
#search-no-ads {
	float:left;
	margin-top:5px;
	margin-right:10px;
	width:170px;
	margin-bottom: 5px;
}



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


#aside { width:189px; float:left;/* margin-right:10px; Aug 06*/  } /* left menu - Profile, Network and Events */


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

/* each box has a different background gradient */
#profile-box {
	background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
#network-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; 
}
	

#events-box {
	background: #feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat;
}
	#events-box .padding { margin-left:10px; } /* for IE to add margin to the calendar table */


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

#tags {
	width:960px;
	background:#fff url(images/tag-wrapper-bottom.gif) bottom left no-repeat;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	
}

/* 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; background:#fff no-repeat 525px 2px; padding:10px 0 20px 0; }
#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:left;
	margin-right:0px;
	margin-top:11px;
	height:61px;
	margin-left:17px;
	display:inline;
}
	ul#nav li {
	float:left;
	margin-right:0px;
	margin-bottom: 0px;
	background:url(images/nav-bg.jpg) top left repeat-x;
	height:61px;
}
		ul#nav li a {
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding:38px 26px 10px 26px;
	height:13px;
	
	
}		
		
		ul#nav li a#ctl00_lnkHome {
	background-image: url(images/nav-icon-home.png);
	background-repeat: no-repeat;
	background-position:center 6px ;
	
}
		ul#nav li a#ctl00_lnkBlog {
	background-image: url(images/nav-icon-blog.png);
	background-repeat: no-repeat;
	background-position: center 6px ;
	
}
		ul#nav li a#ctl00_lbtnWikki {
	background-image: url(images/nav-icon-files.gif);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_lnkRssreader {
	background-image: url(images/nav-icon-rss.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkBookmark {
	background-image: url(images/nav-icon-links.png);
	background-repeat: no-repeat;
	background-position: center 10px ;
	
}
		ul#nav li a#ctl00_lnkForum {
	background-image: url(images/nav-icon-forums.png);
	background-repeat: no-repeat;
	background-position: center  12px ;
	
}
		ul#nav li a#ctl00_lnkVideo {
	background-image: url(images/nav-icon-videos.png);
	background-repeat: no-repeat;
	background-position: center  10px ;
	
}
		ul#nav li a#ctl00_lnkManageAdmTask {
	background-image: url(images/nav-icon-admin.png);
	background-repeat: no-repeat;
	background-position: center  8px ;
	
}
		ul#nav li a#ctl00_likdivContact  {
	background-image: url(images/nav-icon-contact.png);
	background-repeat: no-repeat;
	background-position: center  11px ;
	
}		
		ul#nav li:hover {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		ul#nav li.navSel {
	   text-decoration:none;
	   background:url(images/nav-bg-hover.jpg) top left repeat-x;
	
}
		
		/* align top nav to middle */
		ul#nav.middle { float:none; display:block; margin:auto; width:597px; overflow:hidden; }
		
		

/* =Content --------------------------------------------------------------
------------------------------------------------------------------------*/
a { text-decoration:none; color:#000000; text-decoration:underline } /* all links are black with no underline, by default */
a:hover { text-decoration:none; 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:162px;
	border:1px solid #fadb92;
	padding:2px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	
}
	
	/* =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 #505050;
	width:170px;
	background:#fff;
}
	
	#events-box th,
	#events-box td { padding:1px; } /* 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; text-decoration:none; font-size:11px }
	
	#events-box td.weekend {
	background:#87abe2;
}
	
	/* 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:-10px }
	#tags-list a { color:#272727; text-decoration:none; }
	#tags-list a:hover { text-decoration:underline; }
	
	/* 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:320px; float:left; margin:10px 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; width: 320px; }
	
	/* 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:16px; padding:5px 3px 7px 10px; margin-bottom:5px; }

/* each h2 header has a different backgroun - rounded corners and icon in one image */
#aside h2.profile {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
	float:left;
	width:176px;
}
#aside h2.network {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}
#aside h2.events {
	background:url(images/aside-yellow-top.gif) no-repeat top left;
	background-color: #e36c09;
	color: #fff;
	padding-bottom:10px;
}

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

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

/* header title for the tags box */
#tags h2 { background:#e36c09 url(images/tag-wrapper-top.gif) top left no-repeat; color:#fff; font-size:16px; font-weight:bold; padding:6px 3px 7px 12px; margin-bottom:5px; position:relative; height:27px; }
	#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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-friends {
	background:url(images/h_friends.gif) no-repeat left top;
	padding-left:25px;
	padding-bottom:5px;
	color:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87abe2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	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:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-teams2 {
	background:url(images/h_teams.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}
h3.h-createteam2 {
	background:url(images/h_create_team.gif) no-repeat left top;
	padding-left:20px;
	padding-bottom:5px;
	color:#87ABE2;
	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:#545454; 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:#545454; 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 { width:162px;border:1px solid #fadb92;padding:2px;font:12px Arial, Helvetica, sans-serif; margin-bottom:3px; }
#search-form a.btnBgClass { clear:none; }
#search-form a {padding:6px;margin-left:4px;}
/* 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:#686868; 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; }

.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; }


/*div#page-wrapper { float:left; } 
*/
div.ads { text-align:center; }

	div.ads.top_ad_box {
	width:762px;
	height:-1px;
	float:left;
margin-top:-110px;

}
	div.ads.left_ad_box {
	width:160px;
	margin:10px auto;
	clear:both;
	display:block;
}

	.bottom_ad_box { width:492px; height:68px;padding-top:10px;  float:left; /*background:#fff url(images/bottom-div-bg.gif) top left repeat-x;*/ text-align:center }
	
	/* 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;
	height: 45px;
	width: 45px;
	background-image: url(images/NoPhotoPeople.gif);
}
.member .member-avatar-teams {
	float:left;
	margin-right:7px;
	position:relative;
	height: 66px;
	width: 66px;
	background-image: url(images/NoPhoto.gif);
}

		.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; }


/*-----------------Added by CIPL---------*/
.top-header-add { float:right; width:690px; height:88px; }
.fL {float:left}
.fR {float:right}
.fN {float:none} 
.tC	{text-align:center}
.tL	{text-align:left}
.tR	{text-align:right}
.ppBtn { margin-top:18px; margin-left:10px;}
.topmargin0 { margin-top:0!important}

.btnOrangeClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#ff7c00 url(images/orangeBtnBG.jpg) top left repeat-x; padding:0px 6px; margin:5px 0; border:none; height:19px; }

.btnBlueClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#548dd4 url(images/blueBtnBG.jpg) top left repeat-x; padding:0px 6px;  border:none; height:19px; }
.main-Wrapper { float:left; width:594px;}

/*-----Search box-----*/
.adSearch { margin:7px 10px 0 0}

/*---share box-----*/
#shareBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px}
#aside h2.share {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.shareContainer { padding:10px 10px 10px 15px ;}

/*---group box-----*/
#groupBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.group {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.groupContainer li{ display:block; background:url(images/group-li-bg.gif) 10px bottom no-repeat; overflow:hidden; margin-bottom:10px; padding-bottom:10px; padding-left:10px;}
.groupContainer li.groupLast{ background:none; padding:0; padding-left:10px; }
.group_thumb { width:37px; height:37px; text-align:center; float:left}
.groupContainer li p { font-weight:bold; float:left; padding-left:10px; width:120px;}
.groupContainer li p a { text-decoration:none; color:#272727}
.groupContainer li p a:hover {color:#e36c09; text-decoration:underline}
.allTeams { width:170px; margin:0 0 5px 0; text-align:right}


/*----Surf news-----*/
#surfNewsBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfNews {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfNewsContainer {margin-left:6px;padding:5px;}
.bgWhite { background:#fff}
.surfNewsContainer li { padding:5px 10px;}
.surfNewsContainer li a { text-decoration:none; color:#272727; display:block}
.surfNewsContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Surf Links-----*/
#surfLinksBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfLinks {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfLinksContainer {margin-left:6px;padding:5px;}
.surfLinksContainer li { padding:6px 10px;}

.surfLinksContainer li a { text-decoration:none; color:#272727; display:block}
.surfLinksContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Event-----*/
.createEvent { width:170px; margin:5px 0; text-align:right}

/*----Network-----*/

.networkContainer li { width:70px; float:left; text-align:center; margin:3px 0 6px 15px ; display:inline}
.network-thumb { padding:2px; width:65px; height:66px; background:#fff; border:1px  solid #e4d699; margin-bottom:2px }
.networkContainer li a { text-decoration:none; color:#272727; display:block}
.networkContainer li a:hover {color:#e36c09; text-decoration:underline}
.allEditor { width:170px; margin:0 0 5px 0; text-align:right; }

/*----content area----*/
.content-wrapper { width:594px; float:left; background:url(images/main-white-strip.gif) top left  repeat-y; overflow:hidden }

.content-wrapper .padding { padding:7px 30px 0 30px;  }

/*--------Video box--------*/
.video-descrip {background:#f8f7f7; padding:5px; float:right ; width:195px; display:inline; margin-top:-20px;line-height:18px;}
.content-wrapper h2.video { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }

/*----Blog Summary----*/
.content-wrapper h2.blogSummary { width:535px; background: url(images/main-blue-top.gif) top left no-repeat; height:12px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blueBox {margin:0 15px; color:#558ed4; font-weight:bold; background:#e6f1ff; padding:0 13px 7px 13px; }
.PagiLinks { margin-top:5px;}
.blogSummaryContainer { height:183px;}
.blogSummaryContainer li { width:178px; float:left; margin-bottom:8px}
.blogSummaryContainer li a {text-decoration:underline; color:#272727; }
.blogSummaryContainer li a:hover {color:#e36c09; text-decoration:underline}

/*-----------Blog post*-----------*/
.content-wrapper h2.surfStories { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blogpostNew li { background:#f8f7f7; padding:8px 15px 9px 15px; margin-bottom:13px;}
.blogpostNew li.blogPostLast { margin-bottom:0}
.blogHeading { margin-bottom:6px; }
.blogHeading a{ font-size:12px; font-weight:bold; color:#548dd4; text-decoration:none; }
.blogThumb { border:1px solid #e2e1e1; padding:5px; width:267px; height:201px; text-align:center; float:left}
.blogDesc { width:210px; float:right; line-height:18px;}

/*--------Add box------------*/

.add-box { width:158px; background:#fff url(images/add-white-top.gif) top left no-repeat; padding-top:10px; margin-bottom:10px;} 
.featureWrapper { text-align:center}
.featureWrapper li { margin:3px 0;}

/*--------Footer-------*/
.ppBtn { margin-top:18px; margin-left:10px;}
.footerLinks {margin-top:23px; margin-left:3px; float:right; color:#fff}
.footerLinks a {color:#fff; }ontrol */

    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 {
	position:relative; /* for add  div*/
	margin:0 auto;
	width:1131px;/*width:961px;*/
	/*float:right;  Aug 06 */
}

/*div#page-wrapper { float:left; } 
*/
div.ads { text-align:center; }


	div.ads.left_ad_box {
	width:160px;
	margin:10px auto;
	clear:both;
	display:block;
}
	div.ads.right_ad_box {
	width:130px;
	height:600px;
	float:right;
    margin-left:10px;
    }
	.bottom_ad_box { width:492px; height:68px;padding-top:10px;  float:left; /*background:#fff url(images/bottom-div-bg.gif) top left repeat-x;*/ text-align:center }
	
	/* 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;
	height: 45px;
	width: 45px;
	background-image: url(images/NoPhotoPeople.gif);
}
.member .member-avatar-teams {
	float:left;
	margin-right:7px;
	position:relative;
	height: 66px;
	width: 66px;
	background-image: url(images/NoPhoto.gif);
}

		.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; }


/*-----------------Added by CIPL---------*/
.top-header-add { float:right; width:690px; height:88px; }
.fL {float:left}
.fR {float:right}
.fN {float:none} 
.tC	{text-align:center}
.tL	{text-align:left}
.tR	{text-align:right}
.ppBtn { margin-top:18px; margin-left:10px;}
.topmargin0 { margin-top:0!important}

.btnOrangeClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#ff7c00 url(images/orangeBtnBG.jpg) top left repeat-x; padding:0px 6px; margin:5px 0; border:none; height:19px; }

.btnBlueClass {font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#FFF; background:#548dd4 url(images/blueBtnBG.jpg) top left repeat-x; padding:0px 6px;  border:none; height:19px; }
.main-Wrapper { float:left; width:594px;}

/*-----Search box-----*/
.adSearch { margin:7px 10px 0 0}
.sunGO { background:url(images/sunGO_btn.gif) top left no-repeat; width:36px; height:18px; display:block; float:left; margin-top:6px; }
.sunGO span { display:none}
.pASearch { float:right; margin-right:10px; margin-top:6px}

/*---share box-----*/
#shareBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px}
#aside h2.share {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.shareContainer { padding:10px 10px 10px 15px ;}

/*---group box-----*/
#groupBox {background:#feeeaa url(images/aside-white-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.group {background:url(images/aside-white-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.groupContainer li{ display:block; background:url(images/group-li-bg.gif) 10px bottom no-repeat; overflow:hidden; margin-bottom:10px; padding-bottom:10px; padding-left:10px;}
.groupContainer li.groupLast{ background:none; padding:0; padding-left:10px; }
.group_thumb { width:37px; height:37px; text-align:center; float:left}
.groupContainer li p { font-weight:bold; float:left; padding-left:10px; width:120px;}
.groupContainer li p a { text-decoration:none; color:#272727}
.groupContainer li p a:hover {color:#e36c09; text-decoration:underline}
.allTeams { width:170px; margin:0 0 5px 0; text-align:right}


/*----Surf news-----*/
#surfNewsBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfNews {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfNewsContainer { margin-left:6px;padding:0px 1px 3px 1px;}
.bgWhite { background:#fff}
.surfNewsContainer li { padding:5px 10px;}
.surfNewsContainer li a { text-decoration:none; color:#272727; display:block}
.surfNewsContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Surf Links-----*/
#surfLinksBox {background:#feeeaa url(images/aside-yellow-bottom.gif) bottom left no-repeat; width:189px; overflow:hidden}
#aside h2.surfLinks {background:url(images/aside-yellow-top.gif) no-repeat top left;background-color: #e36c09;color: #fff;padding-bottom:10px;}
.surfLinksContainer { padding:0px 1px 3px 1px;}
.surfLinksContainer li { padding:6px 10px;}
.surfLinksContainer li a { text-decoration:none; color:#272727; display:block}
.surfLinksContainer li a:hover {color:#e36c09; text-decoration:underline}

/*----Event-----*/
.createEvent { width:170px; margin:5px 0; text-align:right}

/*----Network-----*/

.networkContainer li { width:70px; float:left; text-align:center; margin:3px 0 6px 15px ; display:inline}
.network-thumb { padding:2px; width:65px; height:66px; background:#fff; border:1px  solid #e4d699; margin-bottom:2px }
.networkContainer li a { text-decoration:none; color:#272727; display:block}
.networkContainer li a:hover {color:#e36c09; text-decoration:underline}
.allEditor { width:170px; margin:0 0 5px 0; text-align:right; }

/*----content area----*/
.content-wrapper {width:594px; float:left; background:url(images/sun-mid-strip.gif) top left  repeat-y; overflow:hidden }

.content-wrapper .padding { padding:7px 30px 0 30px;  }

/*--------Video box--------*/
.video-descrip {background:#f8f7f7; padding:5px; float:right ; width:195px; display:inline; margin-top:-20px;line-height:18px;}
.content-wrapper h2.video { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }

/*----Blog Summary----*/
.content-wrapper h2.blogSummary { width:535px; background: url(images/main-blue-top.gif) top left no-repeat; height:12px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blueBox {margin:0 15px; color:#558ed4; font-weight:bold; background:#e6f1ff; padding:0 13px 7px 13px; }
.PagiLinks { margin-top:5px;}
.blogSummaryContainer { height:183px;}
.blogSummaryContainer li { width:178px; float:left; margin-bottom:8px}
.blogSummaryContainer li a {text-decoration:underline; color:#272727; }
.blogSummaryContainer li a:hover {color:#e36c09; text-decoration:underline}

/*-----------Blog post*-----------*/
.content-wrapper h2.surfStories { width:535px; background: url(images/main-white-top.gif) top left no-repeat; height:15px; font-size:16px; color:#fff; font-weight:bold; padding:17px 30px; }
.blogpostNew li { background:#f8f7f7; padding:8px 15px 9px 15px; margin-bottom:13px;}
.blogpostNew li.blogPostLast { margin-bottom:0}
.blogHeading { margin-bottom:6px; }
.blogHeading a{ font-size:12px; font-weight:bold; color:#548dd4; text-decoration:none; }
.blogThumb { border:1px solid #e2e1e1; padding:5px; width:267px; height:201px; text-align:center; float:left}
.blogDesc { width:210px; float:right; line-height:18px;}

/*--------Add box------------*/

.add-box { width:158px; background:#fff url(images/add-white-top.gif) top left no-repeat; padding-top:10px; margin-bottom:10px;} 
.featureWrapper { text-align:center}
.featureWrapper li { margin:3px 0;}

/*--------Footer-------*/
.ppBtn { margin-top:18px; margin-left:10px;}
.footerLinks {margin-top:23px; margin-left:3px; float:right; color:#fff}
.footerLinks a {color:#fff; }


.sun_mid-top, .sun_mid-bottom { width:762px;}
.sun_mid-top { background:url(images/sun-mid-top.gif) top left no-repeat; height:50px; float:left }
.sun_mid-bottom { background: url(images/sun-mid-bottom.gif) top left no-repeat; height:21px;float:left} 

.sunBlogMenu {font-size:12px;}
.sunBlogMenu a {color:#333; margin-bottom:5px;}
.sunBlogMenu p {display:block; margin-bottom:7px;}
.sunBlogMenu p a { font-size:13px !important; font-weight:bold; }