/* @override http://dev.gaboinked.com/components/com_community/templates/socialone/css/style.css */

/* @override http://gaboinked.com/components/com_community/templates/socialone/css/style.css */

/** FORM ELEMENTS **/

/* @group Custom */
.cSidebarfix {
	margin-top: 20px;
}

#community-wrap .cLayout .cSidebar
{
	margin: 0;
	width: 180px;
	float: right;
	padding-left: 15px;
	position: relative;
	top: -26px;
	background: url(../images/fpright-bkg.png) repeat-y;
	right: 1px;
}

#community-wrap .cLayout .cfrontSidebarOut
{
	margin: 0;
	width: 180px;
	float: right;
	padding-left: 15px;
	position: relative;
	top: -26px;
	background: url(../images/fpright-bkg.png) repeat-y;
	right: 1px;
}

#community-wrap .cLayout .cfrontSidebarIn
{
	margin: 0;
	width: 180px;
	float: right;
	padding-left: 15px;
	position: relative;
	top: -26px;
	background: url(../images/fpright-bkg.png) repeat-y;
	right: 1px;
}

#community-wrap .cLayout .cgroupRightSidebar
{
	margin: -140px 0 0;
	width: 180px;
	float: right;
	padding-left: 15px;
	position: relative;
	top: -26px;
	background: url(../images/fpright-bkg.png) repeat-y;
	right: 1px;
}


#community-wrap .cLayout .cLeftSidebar
{
	margin: 0;
	width: 175px;
	float: left;
}

#community-wrap .cLayout .cprofileRightSidebar
{
	margin: 0;
	width: 180px;
	float: right;
	padding-left: 15px;
	position: relative;
	background: url(../images/fpright-bkg.png) repeat-y;
	right: 1px;
	top: -10px;
}

body #community-wrap #cToolbarNav
{
	background: transparent no-repeat 0 0;
	margin: 0 0 10px;
	clear: left;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList
{
	float: left;
}

#community-wrap .cLayout
{
	position: relative;
	top: 10px;
}

/* Jom Social Toolbar */

#community-wrap .cToolbar
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #9DC4F0 0 0;
	height: 28px;
	padding-left: 10px;
	position: relative;
	margin-bottom: 10px;
}
#community-wrap .cToolbar ul,
	#community-wrap .cToolbar ul li,
	#community-wrap .cToolbar ul li a {
	height: 28px;
}

#community-wrap .cToolbar ul li
{
	background: transparent no-repeat 0 -97px;
	float: left;
	padding: 0 0 0 12px;
	margin-right: 3px;
	position: relative;
}

#community-wrap .cToolbar ul li a
{
	color: #fff;
	display: block;
	line-height: 28px;
	padding: 0 12px 0 0;
	text-decoration: none;
}

#community-wrap .cToolbar ul li a:focus { outline-style: none; }

/** here we hide the submenu container bt default **/
#community-wrap .cToolbar ul li div
{
	position: absolute;
	visibility: hidden;
	z-index: 99999;
	/* make sure it always on top of everything */
	left: 0;
	width: 150px;
	background: none;
}

body #community-wrap #cToolbarNav,
body #community-wrap #cToolbarNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 12;
	position: relative;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li a:hover { color: #fff;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div {
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a:link,
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a:visited
{
	background: #e6e6e6;
	border-bottom: 1px solid #ccc;
	width: 100%;
	color: #999;
	height: 20px;
	padding-top: 10px;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a:hover { background: #dcfede;
	color: #3d599a;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: transparent;
	width: 150px;
	z-index: 10;
	overflow: hidden;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li div a
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	width: 100%;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #e6e6e6;
	color: #999;
	border-bottom: 1px solid #ccc;
	line-height: normal;
	height: 20px;
	padding: 10px 10px 5px;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li div a:hover
{
	background: #dcfede;
	color: #3d599a;
}

body #community-wrap #cToolbarNav div.toolbar-myname
{
	float: right;
	line-height: 40px;
	font-weight: 700;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a.has-separator { border-bottom: 3px solid #ccc; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a.has-separator { border-bottom: 3px solid #ccc; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li#toolbar-item-notify { background: transparent url(../images/toolbar/toolbar-item-notify-off-left.gif) no-repeat top left;
	visibility: hidden;
}
body #community-wrap #cToolbarNav ul#cToolbarNavList li#toolbar-item-notify a { background: transparent url(../images/toolbar/toolbar-item-notify-off-right.gif) no-repeat top right;
	visibility: hidden;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li#toolbar-item-notify span
{
	font-size: 11px;
	height: 27px;
	line-height: 17px;
	display: block;
	padding-left: 2px;
	text-decoration: none;
	color: #FFFFFF;
	visibility: hidden;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li a
{
	padding: 0 14px;
	color: #fff;
	text-decoration: none;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li
{
	float: left;
	padding: 0;
	line-height: 27px;
	margin: 0px 0 0 3px !important;
	list-style-position: outside;
	list-style-type: none;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active
{
	float: left;
	padding: 0;
	line-height: 27px;
	margin: 11px 0 0 3px;
}

body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active a
{
	display: block;
	/*	padding: 0 20px; */
	color: #fff;
	text-decoration: none;
}

/** this is for logout link **/
#community-wrap .cToolbar ul li#toolbar-item-logout,
	#community-wrap .cToolbar ul li#toolbar-item-logout a
{
	font-weight: bold;
}

body #community-wrap #cToolbarNavInner
{}

/* End Jom Social Toolbar */

/* @group Tabs */
ul.tabs {
	margin: 0 0 10px;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
	border-bottom: 1px solid #9DC4F0;
	width: 100%;
	position: relative;
	clear: right;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e6e6e6;
	line-height: 31px;
}
ul.tabs li a {
	text-decoration: none;
	color: #999;
	display: block;
	font-size: 13px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #dcfede;
	color: #3d599a;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #ccc;
	font-weight: bold;
	color: #3d599a;
}

html ul.tabs li.active a  {
	color: #3d599a;
}

.tab_container {
	border: 1px none #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
}

/* @end */

/* @group cWindow */

.subject {
	font-weight: bold;
	margin-bottom: 5px;
	color: #4c4c4c;
	font-size: 14px;
}

.small {
	color: #666;
	margin-top: 5px;
}

/* @end */

/* @group Module Postions */

.moduletable {margin-bottom: 5px;
	padding: 0;
}

#js_front_guest_top {
	width: 355px;
	height: 225px;
	position: relative;
	right: 15px;
	top: 5px;
}

/* @end */

/* @group Front Page */
#loginHead {
	font-size: 20px;
	color: #3d599a;
	position: relative;
	top: -10px;
}

#loginText {
	font-size: 11px;
	color: #999;
}

#frontSearchTitle {
	font-weight: bold;
	font-size: 100%;
	color: #808080;
	background: transparent url(../images/icons/icon-peoplesearch.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 3px;
	width: 170px;
}

#frontLogin {
	font-size: 13px;
	color: #3d599a;
	font-weight: bold;
}

input#frontLogin {
	width: 140px;
	font-weight: bold;
	padding-left: 5px;
	border: 2px solid #9DC4F0;
	padding-top: 5px;
	background: #f3f3f3 no-repeat 0 0;
	color: #859cc2;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 18px;
}

input:focus#frontLogin {
	background-color: #dcfede;
	border: 2px solid #65d16e;
	color: #117d14;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#frontLogButton {
	position: relative;
	top: -5px;
}

/* @end */

/* @group Profile Page */

/* @group bit.ly */

#bitlyLogo {
	text-align: left;
	position: relative;
}

#bitlyTitle {
	font-size: 18px;
	color: #808080;
	text-align: left;
	position: relative;
	top: 5px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.bitlyBox {
	border: 1px dashed #d2d2d2;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#bitlyGray {
	background-color: #E3E3E3;
	text-align: left;
	padding-left: 15px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 45px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#bitlySite {
	text-align: left;
	margin-top: 5px;
	font-size: 11px;
}

input#submit_short {
	width: 75px;
	height: 30px;
	border-style: none;
	margin-left: 8px;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #808080;
	color: #e6e6e6;
}

input#long_val {
	height: 25px;
	font-size: 16px;
	width: 80%;
	border-style: none;
	background-color: #fdfee5;
	padding-left: 5px;
	color: #7f7f7f;
	padding-top: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.loader {
	position: relative;
	top: 10px;
	margin-bottom: 20px;
}

.response_bg {
	background-color: #dcfede;
	margin:10px auto;
	padding:10px 0px;
	font-size: 14px;
	color: #666;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}

/* @end */

body #community-wrap .contentheading {
	position: relative;
	top: 7px;
	color: #666;
	width: 100%;
}

.profileFriends {
	width: 32px;
	height: 32px;
}

.proTitle {
	font-weight: bold;
	color: #666;
}

.proText {
	color: #999;
}

#profileReport {
	position: relative;
	top: 7px;
	margin-bottom: 25px;
	float: left;
}

#profileShare {
	position: relative;
	top: 7px;
	margin-bottom: 25px;
}

.createdby {
}

#short-profile
{
	height: 35px;
	margin-left: 38px;
}

#profile-updates
{
	margin-bottom: 10px;
	clear: both;
}

#short-avatar
{
	margin-top: -30px;
	height: 100%;
	width: 31px;
}

#profile-myname
{
	font-weight: bold;
	font-size: 11px;
	color: #666;
}

#ProfileKarma { }
#ProfileKarma img { border-style: none; }

#profile-stats-number
{
	width: 45px;
	margin-bottom: 2px;
	font: bold 11px Helvetica, Arial, sans-serif;
	color: #666;
}

#profile-stats-text
{
	width: 45px;
	margin-top: -9px;
	font: 11px Helvetica, Arial, sans-serif;
	color: #999;
	z-index: 10;
	position: relative;
}

#short-stat
{
	margin-top: 8px;
	width: 100%;
	height: 30px;
	padding-top: 8px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	background-color: #ecf3fe;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#gabshort-stat
{
	margin-top: 8px;
	width: 100%;
	height: 30px;
	padding-top: 8px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	background-color: #dcfede;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#short-stat-group
{
	padding-left: 10px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#totals {
	margin-bottom: 10px;
	margin-top: -20px;
}

#totalNumber {
	font-size: 14px;
	font-weight: bold;
	color: #3d599a;
}

#totalNumber a {
	text-decoration: none;
}

#totalListings {
	background-color: #ecf3fe;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#totalBids {
	background-color: #ecf3fe;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#totalGroups {
	background-color: #ecf3fe;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#totalPhotos {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ecf3fe;
}

#totalVideos {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#totalText {
	font-size: 11px;
	color: #999;
	font-weight: bold;
}

#updates-member
{
	border-bottom: 1px dotted #b3b3b3;
	color: #4c4c4c;
	margin-top: 5px;
	padding-bottom: 3px;
}

#updates-memberMail
{
	background: url(../images/icons/mail-new.png) no-repeat;
	padding-left: 22px;
}

#updates-memberMailnone
{
	background: url(../images/icons/mail-newnone.png) no-repeat;
	padding-left: 22px;
}

a.inboxNone
{
	color: #ccc;
}

#updates-memberFriends
{
	background: url(../images/icons/friendadded.png) no-repeat;
	padding-left: 22px;
}

#updates-memberFriendsnone
{
	background: url(../images/icons/friendaddednone.png) no-repeat;
	padding-left: 22px;
}

#updates-memberFriendsnone a {
	color: #ccc;
}

/* @group Status Box */

#profile-status-message {
	font: 14px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #999;
	width: 513px;
	margin-top: 10px;
	background: url(../images/statusupdate.png) no-repeat;
	padding-left: 35px;
	margin-bottom: 3px;
	padding-bottom: 10px;
}

#countBody {
	float: right;
	color: #c6daf0;
	font: bold 26px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
}

.profileMessage {
	font-size: 24px;
	position: relative;
	color: #c6daf0;
	width: 350px;
	top: 15px;
	padding-left: 20px;
	margin-bottom: -10px;
}


/* @end */

/* @end */


/* @end */

#community-wrap :focus { outline-style: none; }

body #community-wrap .label,
body #cWindow .label
{
	font-weight: 700;
	text-align: right;
}

body #community-wrap .lblradio,
body #cWindow .lblradio
{
	display: inline;
	font-weight: normal;
}

body #community-wrap .lblradio-block,
body #cWindow .lblradio-block
{
	display: block;
	font-weight: normal;
}

body #community-wrap .inputbox.fullwidth,
body #cWindow .inputbox.fullwidth { width: 98%; }
body #community-wrap .inputbox.halfwidth,
body #cWindow .inputbox.halfwidth { width: 50%; }
body #community-wrap .button,
body #cWindow .button {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #9DC4F0;
	color: #fff;
	border: 1px solid #9ec5e6;
	font-weight: bold;
	height: 25px;
}

body #community-wrap .hints,
body #cWindow .hints
{
	font-style: italic;
	line-height: 140%;
}

/* table for form elements */
body #community-wrap .formtable,
body #cWindow .formtable { width: 100%; }

body #community-wrap .formtable td,
body #community-wrap .admintable td,
body #cWindow .formtable td,
body #cWindow .admintable td
{
	padding: 5px;
	vertical-align: top;
}

body #community-wrap .formtable td.key,
body #community-wrap .admintable td.paramlist_key,
body #community-wrap td.listkey,
body #community-wrap td.paramlist_key,
body #cWindow .formtable td.key,
body #cWindow .admintable td.paramlist_key
{
	font-weight: bold;
	text-align: right;
	width: 130px;
}

body #community-wrap td.listvalue,
body #community-wrap td.paramlist_value,
body #community-wrap .formtable td.value,
body #community-wrap .admintable td.paramlist_value,
body #cWindow .formtable td.value,
body #cWindow .admintable td.paramlist_value { }

body #community-wrap tr.noLabel td.key,
body #community-wrap tr.noLabel td.paramlist_key,
body #cWindow tr.noLabel td.key,
body #cWindow tr.noLabel td.paramlist_key
{
	border: none;
	background: none;
}

body #community-wrap tr.hidden td,
body #cWindow tr.hidden td { display: none; }

/******************************************************************************/
/** STANDARD STYLING **/
body #community-wrap
{
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: left;
	min-height: 250px;
}

body #community-wrap hr { height: 1px; }

body #community-wrap .clr,
body #cWindowContent .clr
{
	clear: both;
	height: 0pt;
	overflow: hidden;
}

body #community-wrap fieldset
{
	overflow: hidden;
	border-left: outset;
}

body #community-wrap legend
{
	font-size: 1.3em;
	color: #666666;
	overflow: hidden;
}

body #community-wrap img { 
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: none;
}

body #community-wrap .albums img
{
	background: none;
	margin: 2px;
}

body #community-wrap ul,
body #community-wrap dl,
body #community-wrap label,
body #community-wrap li,
body #community-wrap dd,
body #community-wrap dt
{
	margin: 0;
	padding: 0;
}

body #community-wrap ul.pagination
{
	margin: 15px auto;
	padding: 10px 0;
}

/** Standard Application Box Elements **/
body #community-wrap .appsBoxTitle
{
	font-size: 18px;
	font-weight: 700;
	color: #693;
}

body #community-wrap .infoGroupTitle
{
	margin: 0 0 10px;
	font-size: 100%;
	color: #333;
	font-weight: 700;
	border-bottom: 1px solid #DDDDDD;
}

#community-wrap .infoTitle
{
	color: #666;
	font-size: 90%;
}

#community-wrap .infoDesc { font-size: 90%; }
#community-wrap .infoDesc a { text-decoration: none; }
#community-wrap .infoDesc a:hover { text-decoration: underline; }

/** form styling **/
label { display: block; }

.selectbox
{
	padding: 2px;
	border: solid 1px #ccc;
}

input.fullwidth,
textarea.fullwidth { width: 98%; }

/** custom textarea **/
body #community-wrap textarea.replybox
{
	width: 98%;
	height: 115px;
	padding: 8px 8px 8px 10px;
	font-size: 15px;
	color: #4c4c4c;
}

/** Profile **/
body #community-wrap .profile-addfriend
{
	background: transparent url(../images/user_add.png) no-repeat scroll 0 2px;
	padding: 3px 3px 3px 20px;
}

body #community-wrap .profile-message
{
	background: transparent url(../images/Mail_16x16.png) no-repeat scroll 0 2px;
	padding: 3px 3px 3px 20px;
}

body #community-wrap .profile-star
{
	background: transparent url(../images/Star_16x16.png) no-repeat scroll 0 2px;
	padding: 3px 3px 3px 20px;
}

body #community-wrap .profile-media
{
	background: transparent url(../images/photos.png) no-repeat scroll 0 2px;
	padding: 3px 3px 3px 20px;
}

body #community-wrap #profile-info h1
{
	margin-top: 8px;
	margin-bottom: 8px;
}

/** Tables **/
body #community-wrap table.grid td
{
	border-top: 1px solid #CCCCCC;
	padding: 8px;
}

body #community-wrap div.listing
{
	border-top: 1px solid #CCCCCC;
	padding: 8px;
}

body #community-wrap div.listing div.avatar
{
	float: right;
	padding: 2px;
}

#community-wrap img.avatar:hover {
}
body #community-wrap div.avatar img, img.avatar { 
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body #community-wrap div.listing div.content { padding: 2px; }

body #community-wrap td.info-key
{
	text-align: right;
	width: 120px;
}

body #community-wrap div.ccontent table.ccontentTable { margin-left: -60px; }
body #community-wrap table.ccontentTable tr { height: 1.6em; }

body #community-wrap table.ccontentTable td
{
	padding: 0 10px 5px 0;
	vertical-align: top;
}

body #community-wrap ul.avatar-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

body #community-wrap ul.avatar-list li
{
	display: inline;
	padding: 0;
	background: none;
	margin: 0 3px 0 0 !important;
}

/** table header **/
body #community-wrap div.masterhead td.profile { border: none; }
body #community-wrap div.masterhead td { padding: 4px; }

/** Tiny icons + newsfeed **/
body #community-wrap div.sprite-favicons
{
	background: transparent url(../images/icons.png) no-repeat scroll 0 0;
	padding: 3px 3px 3px 3px;
	height: 20px;
	width: 20px;
	float: left;
}

body #community-wrap div.created
{
	text-align: right;
	width: 65px;
	float: right;
	color: #9ab070;
	font-weight: 700;
	font-size: 11px;
}

body #community-wrap img.icon
{
	vertical-align: middle;
	padding: 0 4px 0 0;
}

body #community-wrap div.news-separator
{
	/*background:#D8DFEA none repeat scroll 0 0;*/
	border: medium none;
	color: #D8DFEA;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 10px;
	overflow: hidden;
}

/*******************************************************************************************/
/* .app-box */
#community-wrap .app-box
{
	width: 100%;
	margin-bottom: 15px;
	display: inline-block;
	clear: both;
}

#community-wrap .app-box-header
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #F4F4F4 no-repeat 0 0;
	padding-left: 10px;
	height: 30px;
	margin-right: 10px;
	position: relative;
}

#community-wrap .app-box-header .app-box-header
{
	background-position: 100% 0;
	padding: 0;
	padding-right: 10px;
	margin-right: -10px;
}

#community-wrap .app-box-header.no-background,
#community-wrap .app-box-header.no-background .app-box-header
{
	background: none;
	padding: 0;
}

#community-wrap .app-box-title
{
	color: #999;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
	background: none;
	margin: 0;
	padding: 0;
}

.Nameapp-box-title {
	color: #3d599a;
	line-height: 30px;
	font-size: 20px;
}

#community-wrap .app-box-menus
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 7px;
}

#community-wrap .app-box-menu
{
	float: right;
	cursor: pointer;
	margin-left: 5px;
}

#community-wrap .app-box-menu-title
{
	display: block;
	text-indent: -9999px;
}

#community-wrap .app-box-menu-icon
{
	background-image: url(../images/app-box-menu-icon.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	line-height: 0;
	display: block;
}

#community-wrap .app-box-menu-icon:focus { outline: none; }

/* options menu */
#community-wrap .app-box-menu.options .app-box-menu-icon { background-position: 0 0; }

/* toggle (expand/collapse) menu */
#community-wrap .app-box-menu.toggle .app-box-menu-icon { background-position: -16px 0; }
#community-wrap .app-box.collapse .app-box-menu.toggle .app-box-menu-icon { background-position: -32px 0; }

#community-wrap .app-box-content
{
}

#community-wrap .app-box-info { }
#community-wrap .app-box-actions { text-align: right; }

#community-wrap .app-box-header + .app-box-actions
{
	padding: 4px 0;
	border-bottom: 1px solid #ECEFF5;
}

#community-wrap .app-box-header + .app-box-actions.no-border
{
	padding: 4px 0 0;
	border: none;
}

#community-wrap .app-box-action
{
	padding: 0 5px;
	outline: none;
}

#community-wrap .app-box-action + .app-box-action { border-left: 1px solid #AAAAAA; }
#community-wrap .app-box-action.no-border { border: none; }
#community-wrap .app-box-action.active { font-weight: 700; }

#community-wrap .app-box-footer
{
	padding: 5px 0;
	text-align: right;
	font-size: 90%;
}

#community-wrap .app-box-footer.no-border
{
	border: none;
	padding: 0;
}

#community-wrap .app-box-footer .app-box-info
{
	float: left;
	padding-left: 5px;
}

#community-wrap .app-box.collapse .app-box-actions,
#community-wrap .app-box.collapse .app-box-footer,
#community-wrap .app-box.collapse .app-box-content { display: none; }

/*******************************************************************************************/
body #community-wrap div.ctitle
{
	border-bottom: 1px dashed #CCCCCC;
	font-weight: bold;
	padding: 6px 0;
	margin-bottom: 6px;
	margin-top: 10px;
	text-align: left;
	color: #3d599a;
	font-size: 14px;
}

body #community-wrap div.ctitle h2 { margin: 0 !important;
}

body #community-wrap div.ccontent
{
	padding-left: 80px;
	padding-top: 6px;
	padding-bottom: 6px;
}

body #community-wrap div.cavatar
{
	height: 70px;
	float: left;
	width: 70px;
}

body #community-wrap div.ccontent-avatar
{
	margin-left: 70px;
	margin-top: 5px;
	padding: 5px;
	color: #666;
}

body #community-wrap div.ccontent div.ccontent-min-height
{
	height: 40px;
	float: right;
	width: 1px;
}

/* SEND MESSAGE WINDOW STYLE */
#writeMessageContainer { }

#writeMessageContainer .receiverContainer
{
	padding: 5px;
	border: solid 1px #ccc;
	background: #f2fde9;
}

/*

We use generic styling

#writeMessageContainer div.receiverContainer div.receiverAvatar {
	float: right;
}
#writeMessageContainer div.receiverContainer div.receiverName {
	float: left;
	width: 150px;
	line-height: 50px;
	padding: 0 0 0 20px;
}
#writeMessageContainer div.inputcontainer {
	clear: both;
	padding: 5px 0;
}

#writeMessageContainer label {

}
*/

#writeMessageContainer .inputbox
{
	float: right;
	width: 290px;
	display: block;
	line-height: normal;
}

/* SEND MESSAGE WINDOW STYLE */
/* ADD NEW FRIEND WINDOW STYLE */
#addFriendContainer { }

#addFriendContainer form#addfriend
{
	display: block !important;
	/* If it's inline from Joomla! template, child elements won't render to cWindow width */
	position: relative;
	padding-left: 65px !important;
	margin: 5px 0 !important;
}

#addFriendContainer img.avatar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
}

#addFriendContainer textarea.inputbox
{
	width: 100%;
	height: 50px;
	padding: 1px 0;
	margin: 0;
}

/* ADD NEW FRIEND WINDOW STYLE */
/** Message **/
body #community-wrap div.avatar
{
	/*background:transparent url(../images/left-arrow.jpg) no-repeat scroll right 10px;*/
	width: 100%;
}

/** buttons **/

/* remove button */
body #community-wrap a.remove:link,
body #community-wrap a.remove:visited
{
	background: transparent url(../images/remove-button.gif) no-repeat 0 0;
	display: block;
	padding: 0px;
	width: 12px;
	text-indent: -9999px;
	outline-style: none;
	text-decoration: none;
	float: right;
	height: 12px;
	line-height: 12px;
}

body #community-wrap a.remove:hover { background: transparent url(../images/remove-button.gif) no-repeat 0 -12px; }

body #community-wrap a.remove-left:link,
body #community-wrap a.remove-left:visited
{
	background: transparent url(../images/remove-button.gif) no-repeat 0 0;
	display: block;
	padding: 0px;
	width: 12px;
	text-indent: -9999px;
	outline-style: none;
	text-decoration: none;
	float: left;
	height: 12px;
	line-height: 12px;
}

body #community-wrap a.remove-left:hover { background: transparent url(../images/remove-button.gif) no-repeat 0 -12px; }

/* add button */
body #community-wrap a.add:link,
body #community-wrap a.add:visited
{
	background: transparent url(../images/add-button.gif) no-repeat 0 0;
	display: block;
	padding: 0px;
	width: 16px;
	text-indent: -9999px;
	outline-style: none;
	/*margin: -16px 10px 0 -8px;*/
	height: 16px;
	line-height: 16px;
}

body #community-wrap a.add:hover { background: transparent url(../images/add-button.gif) no-repeat 0 -16px; }

body #community-wrap div.inbox-toolbar
{
	background: #fff;
	border: solid 1px #ccc;
	padding: 3px;
}

body #community-wrap div.inbox-toolbar a
{
	color: #666;
	font-size: 11px;
}

body #community-wrap div.inbox-read
{
	padding: 3px;
	border-bottom: solid 1px #ccc;
	position: relative;
}

body #community-wrap div.inbox-read a.subject { text-decoration: none; }

body #community-wrap div.inbox-unread
{
	background: #f5fdeb;
	padding: 3px;
	border-bottom: solid 1px #ccc;
	position: relative;
}

body #community-wrap div.inbox-unread a.subject
{
	font-weight: 700;
	text-decoration: none;
}

body #community-wrap div.inbox-toolbar .checkbox,
body #community-wrap div.inbox-message .checkbox { margin: 1px 0 0; }

body #community-wrap div.avatar
{
	float: left;
	width: 50px;
}

body #community-wrap div.message-body { margin: 0 50px; }

body #community-wrap .message-info
{
	font-size: 10px;
	color: #666;
}

body #community-wrap .message-subject
{
	padding: 3px 0;
	text-indent: 20px;
}

body #community-wrap .message-subject a:link
{
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 700;
}

body #community-wrap .message-subject a:visited
{
	text-decoration: underline;
	font-size: 1.3em;
	font-weight: normal;
}

body #community-wrap .message-subject a:hover { }

body #community-wrap .bubble-arrow
{
	background: transparent url(../images/message-arrow.gif) no-repeat top left;
	float: left;
	width: 100%;
}

body #community-wrap .bubble-content
{
	background: #fff;
	border-top: solid 1px #c5d8e7;
	border-right: solid 1px #c5d8e7;
	border-bottom: solid 1px #c5d8e7;
	margin: 0 0 0 12px;
	padding: 10px 10px 5px;
	width: 100%;
}

body #community-wrap .avatar-message-view { margin: 10px 0 0; }

/** Ajax **/
body #community-wrap div.ajax-wait
{
	background-image: url(../images/wait.gif);
	width: 16px;
	height: 16px;
}

/** messages **/
body #community-wrap div.info, 
body #community-wrap div.error, 
body #community-wrap div.warning
{
	background: none;
	/* Remove possible inheritance from Joomla! */
	font-weight: bold;
	padding-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 3px solid #DE7A7B;
	border-top: 3px solid #DE7A7B;
	background-color: #E6C0C0;
	color: #CC0000;
}

body #community-wrap div.warning
{
	border-bottom: 3px solid #F0DC7E;
	border-top: 3px solid #F0DC7E;
	background-color: #eef0b2;
	color: #cea042;
}

body #community-wrap div.info
{
	border-bottom: 3px solid #84A7DB;
	border-top: 3px solid #84A7DB;
	background-color: #C3D2E5;
	color: #0055BB;
}

/** drag **/
body #community-wrap td.dragHandle { cursor: move; }

body #community-wrap .showDragHandle
{
	background-image: url(../images/drag.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: move;
}

/**
 * Unordered list for displaying avatars
 **/

body #community-wrap ul.community-avatar-list li
{
	background: transparent none repeat scroll 0 0;
	display: inline;
	line-height: 200%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 6px 6px 0px 0px;
}

body #community-wrap ul.community-avatar-list li img { padding: 0; }

/**
 * Show-more link
 **/

body #community-wrap div.community-show-more,
body #community-wrap span.community-show-mores { text-align: right; }

/*******************************************************************************************/
/** SUBMENU TOOLBAR **/
body #community-wrap div.submenu-l
{
	background: transparent url(../images/submenu.gif) no-repeat 0 0;
	margin: 0 0 10px;
	height: 26px;
}

body #community-wrap div.submenu-r
{
	background: transparent url(../images/submenu.gif) no-repeat 100% -26px;
	height: 26px;
}

body #community-wrap div.submenu-l div.submenu-r ul.submenu
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
}

body #community-wrap div.submenu-l div.submenu-r ul.submenu li
{
	list-style-type: none;
	background: none;
	float: left;
	line-height: 26px;
	font-weight: 800;
	margin: 0;
	padding: 0;
}

body #community-wrap ul.submenu li a
{
	height: 12px;
	border-right: 1px solid #ccc;
	padding: 0 8px;
	text-decoration: none;
	color: #0B55C4;
	font-size: 11px;
}

body #community-wrap ul.submenu li a.active:link,
body #community-wrap ul.submenu li a.active:visited,
body #community-wrap ul.submenu li a.active:hover
{
	height: 12px;
	border-right: 1px solid #ccc;
	padding: 0 15px;
	text-decoration: underline;
	color: #000;
}

/** SUBMENU TOOLBAR **/
/*******************************************************************************************/
/*******************************************************************************************/
/** FRONTPAGE **/
.app-box .actor-link { width: 100%; }

div.groups-news-title,
span.groups-news-title
{
	background: transparent url(../images/groups_news_title.gif) no-repeat scroll 0pt 5px;
	padding: 3px 3px 3px 20px;
}

/* Guest section */

body #community-wrap div.greybox
{
-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	margin: 0 0 15px;
}

body #community-wrap div.greybox div {
	background-color: #fff;
	border-bottom: 1px dotted #e6e6e6;
}

body #community-wrap div.greybox div div
{
	border: none;
	background: url(../images/fronthead-bkg.png) repeat-x left;
}

body #community-wrap div.greybox div div div {
	background-image: none;
}

body #community-wrap div.greybox div div div h1,
body #community-wrap div.greybox div div div h2
{
	padding: 0;
	margin: 0;
}

body #community-wrap div.greybox div div div h1
{
	letter-spacing: -1px;
	font-size: 32px;
	margin: 0 0 20px;
	padding: 0 0 10px;
	line-height: 35px;
}

body #community-wrap div.greybox div div div h2
{
	color: #666;
	margin: 0 0 15px;
}

body #community-wrap div.greybox div div div.introduction
{
	margin: 0;
	padding: 30px 0 0 70px;
	width: 300px;
}

body #community-wrap div.greybox div div div.loginform
{
	width: 150px;
	float: right;
	padding: 20px 15px 20px 30px;
	background: transparent url(../images/greybox-separator.png) repeat-y left;
	height: 225px;
}

body #community-wrap div.greybox div div div.loginform input.frontlogin
{
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	width: 90%;
}

body #community-wrap ul#featurelist
{
	list-style: none;
	margin: 65px 0 20px;
	width: 285px;
}

body #community-wrap ul#featurelist li
{
	font-size: 17px;
	color: #666;
	background: transparent url(../images/icons/frontbullet.png) no-repeat 0 0;
	line-height: 16px;
	height: 15px;
	margin: 0 0 5px !important;
	padding: 0 0 0 25px;
	position: relative;
	left: -25px;
	width: 285px;
}

.joinbutton {
	position: relative;
	left: -25px;
	width: 300px;
}

body #community-wrap div.greybox a#joinButton
{
	background: transparent url(../images/join-button-big-empty.png) no-repeat 0 0;
	width: 278px;
	height: 49px;
	/*text-indent: -9999px;*/
	display: block;
	outline: none;
	font-size: 19px;
	font-weight: 700;
	line-height: 46px;
	text-shadow: #333 0 1px 2px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

body #community-wrap div.greybox a#joinButton:hover
{
	background: transparent url(../images/join-button-big-empty.png) no-repeat 0 -49px;
	text-decoration: none;
}

body #community-wrap div.greybox a#joinButton2
{
	background: transparent url(../images/join-button-big.gif) no-repeat 0 0;
	width: 278px;
	height: 49px;
	text-indent: -9999px;
	display: block;
}

body #community-wrap div.greybox a#joinButton2:hover { background: transparent url(../images/join-button-big.gif) no-repeat 0 -49px; }
body #community-wrap div.frontColLeft { margin: 20px 280px 0 0; }

body #community-wrap div.frontColRight
{
	width: 250px;
	float: right;
}

body #community-wrap div.yellowbox h3
{
	padding: 0;
	margin: 0 0 10px;
	color: #7b7948;
}

body #community-wrap h3.frontTitle
{
	margin: 0;
	padding: 10px 0;
	color: #789539;
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 150%;
	font-weight: 700;
	line-height: 100%;
}

body #community-wrap div.rightColContainer
{
	width: 230px;
	height: auto;
	float: right;
}

body #community-wrap div.leftColContainer { margin-right: 250px; }

body #community-wrap div.yellowbox-tl
{
	background: transparent url(../images/yellowbox-tl.gif) no-repeat top left;
	margin: 0 0 10px;
}

body #community-wrap div.yellowbox-tr { background: transparent url(../images/yellowbox-tr.gif) no-repeat top right; }
body #community-wrap div.yellowbox-bl { background: transparent url(../images/yellowbox-bl.gif) no-repeat bottom left; }
body #community-wrap div.yellowbox-br { background: transparent url(../images/yellowbox-br.gif) no-repeat bottom right; }
body #community-wrap div.center { padding: 0px 10px 10px 16px; }

/** FRONTPAGE **/
/*******************************************************************************************/
/*******************************************************************************************/
/** USER PROFILE **/
#community-wrap #profile-header ul.actions
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 33%;
	float: left;
}

#community-wrap #profile-header ul.actions li
{
	padding: 0 0 0 17px;
	margin: 5px 3px 5px 0 !important;
	display: block;
	float: left;
	width: 85%;
	background: none;
	font-size: 90%;
	height: 10px;
	line-height: 10px;
	text-align: left;
	border: 0;
}

#community-wrap #profile-header ul.actions li.profile { background: transparent url(../images/icon_10px.gif) no-repeat 0 0; }
#community-wrap #profile-header ul.actions li.avatar { background: transparent url(../images/icon_10px.gif) no-repeat 0 -10px; }
#community-wrap #profile-header ul.actions li.privacy { background: transparent url(../images/icon_10px.gif) no-repeat 0 -20px; }
#community-wrap #profile-header ul.actions li.apps { background: transparent url(../images/icon_10px.gif) no-repeat 0 -30px; }
#community-wrap #profile-header ul.actions li.group { background: transparent url(../images/icon_10px.gif) no-repeat 0 -40px; }
#community-wrap #profile-header ul.actions li.photo { background: transparent url(../images/icon_10px.gif) no-repeat 0 -50px; }
#community-wrap #profile-header ul.actions li.write { background: transparent url(../images/icon_10px.gif) no-repeat 0 -60px; }
#community-wrap #profile-header ul.actions li.inbox { background: transparent url(../images/icon_10px.gif) no-repeat 0 -70px; }
#community-wrap #profile-header ul.actions li.invite { background: transparent url(../images/icon_10px.gif) no-repeat 0 -80px; }
#community-wrap #profile-header ul.actions li.video { background: transparent url(../images/icon_10px.gif) no-repeat 0 -90px; }
#community-wrap .js-box-grey {
	height: 25px;
	margin-bottom: -15px;
	padding: 0 20px 10px;
}


.actions {
	position: relative;
	top: 12px;
	left: 21px;
	font-size: 11px;
}
.profile {
	background: transparent url(../images/icon_10px.gif) no-repeat 0 -88px;
	padding-left: 15px;
	padding-top: 1px;
	width: 65px;
	margin-top: 5px;
}

#community-wrap div.mini-profile
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px 0;
	border: solid 1px #ccc;
	margin: 0 0 5px;
	background: #fff;
	position: relative;
}

body #community-wrap div.mini-profile-avatar
{
	float: left;
	padding: 0 10px;
}

body #community-wrap div.mini-profile-details { margin: 0 10px 0 100px; }

body #community-wrap div.mini-profile-details-status
{
	min-height: 18px;
	font-style: italic;
}

body #community-wrap div.mini-profile-details-action { margin-top: 4px; }

body #community-wrap div.mini-profile-details h3.name
{
	margin: 0;
	padding: 0 0 5px;
	font-size: 120%;
}

body #community-wrap div.mini-profile-details div.status
{
	margin: 0;
	padding: 0 0 5px;
	font-size: 90%;
}

/**
 * Application listing
 */

#community-wrap .app-item
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px 0;
	border: solid 1px #ccc;
	margin: 0 0 5px;
	background: #fff;
	position: relative;
}

#community-wrap .app-avatar
{
	float: left;
	padding: 0 0 0 20px;
}

#community-wrap .app-item-details
{
	font-size: 90%;
	margin: 0 10px 0 100px;
}

#community-wrap .app-item-description { margin: 0 10px 15px 100px; }

#community-wrap .app-item h3
{
	padding: 0 0 5px;
	font-size: 120%;
	margin: 0 10px 0 100px;
}

#community-wrap .app-item .added-ribbon
{
	height: 16px;
	line-height: 16px;
	padding: 0 5px 0 10px;
	position: absolute;
	right: 0;
	top: 7px;
	font-size: 85%;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	background: transparent url(../images/online.png) no-repeat 0 0;
}

#community-wrap .app-item .added-button
{
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	position: absolute;
	right: 10px;
	top: 35px;
	font-size: 85%;
	font-weight: 700;
	color: #9DC4F0;
	text-transform: uppercase;
	background: #ecf3fe;
	border: 1px solid #9DC4F0;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#community-wrap .app-item .added-button:hover
{
	border: solid 1px #5d7d3d;
	color: #5d7d3d;
}

#community-wrap .app-item .remove-button
{
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	position: absolute;
	right: 10px;
	top: 35px;
	font-size: 85%;
	font-weight: 700;
	color: #eab3b3;
	text-transform: uppercase;
	background: #ffd3d3;
	border: solid 1px #eab3b3;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#community-wrap .app-item .remove-button:hover
{
	border: solid 1px #b97a7a;
	color: #b97a7a;
}

#community-wrap .app-item-empty
{
	margin: 0 20px;
	text-align: center;
}

/* for sortable item */
#community-wrap #apps-mine .app-item.dragHandle { cursor: move; }
#community-wrap #apps-core .app-item.dragHandle { }
#community-wrap .app-item.dragHandle .app-item-details { margin: 0 20px; }
#community-wrap .app-item.dragHandle .app-item-description { margin: 0 20px 15px; }
#community-wrap .app-item.dragHandle h3 { margin: 0 20px; }

#community-wrap .app-item.onDrag
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#community-wrap .app-item.onDrag a { color: #8e58b7; }

/** Profile View **/
body #community-wrap div.profile-main
{
	margin: 0 0 0 0;
	overflow: hidden;
}

body #community-wrap .profile-right
{
	float: right;
	width: 160px;
	margin-left: 15px;
}

/**
 * profile.about.php
 * 
 * user information here
 */

#community-wrap dl.profile-right-info
{
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

#community-wrap dl.profile-right-info dt
{
	background: none;
	color: #777;
	font-size: 90%;
	padding: 0;
	line-height: normal;
}

#community-wrap dl.profile-right-info dd
{
	color: #222;
	font-size: 90%;
	margin: 0 0 15px;
}

#community-wrap dl.profile-right-info dd a { text-decoration: none; }

body #community-wrap div.profile-box
{
	margin: 0;
}

body #community-wrap .profile-avatar
{
	border: 5px solid #F4F4F4;
	float: left;
	position: relative;
	z-index: 2;
}

body #community-wrap div.profile-info
{
	margin: 0 0 0 190px;
	overflow: hidden;
}

body #community-wrap div.profile-info .contentheading
{
	/* Remove inheritance from Joomla! template:
	   - JA Relevant
	*/
	border: none !important;
}

body #community-wrap div.profile-name
{
	font-size: 22px;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px;
}

body #community-wrap div#profile-status
{
	font-size: 11px;
	color: #666;
	border-bottom: dotted 1px #ecebeb;
	width: 100%;
	padding-bottom: 10px;
}

body #community-wrap #profile-status-edit
{
	float: right;
	font-size: 10px;
	width: 50px;
	text-align: right;
	cursor: pointer;
}

/**
 * User information in profile page
 * 
    * Karma
    * Member since
    * Last online
    * Profile views
*/

#community-wrap ul.profile-details
{
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

#community-wrap ul.profile-details li
{
	background: none;
	line-height: normal;
	margin-bottom: 15px;
	padding: 0;
	width: 100%;
}

#community-wrap ul.profile-details li.title
{
	font-weight: 700;
	margin: 0;
}

#community-wrap ul.friend-right-info
{
	margin: 0;
	padding: 0;
	list-style: none;
}

body #community-wrap ul.friend-right-info li
{
	background: none;
	line-height: normal;
	padding: 2px;
	color: #666;
	float: left;
}

body #community-wrap div.profile-toolbox-bl ul.small-button
{
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	height: 32px;
}

body #community-wrap div.profile-toolbox-bl ul.small-button li
{
	background: none;
	line-height: 33px;
	padding: 0;
	display: block;
	float: left;
	/*	background: transparent url(../images/toolbar/profile-toolbar-separator.gif) no-repeat top right; */
}

body #community-wrap div.profile-toolbox-bl ul.small-button li a
{
	display: block;
	float: left;
	text-decoration: none;
	height: 20px;
	line-height: 16px;
	padding: 0 0 0 20px;
	margin: 8px 15px 0 0;
}

/*
body #community-wrap div.profile-toolbox-bl ul.small-button li.add-friend a {
    background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 0;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.gallery a {
    background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -21px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.write-message a {
    background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -104px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.favourite a {
    background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -63px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.blog a {
    background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -42px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.videos a {
    background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -83px;
}
*/

body #community-wrap ul.small-button li.btn-add-friend a { background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 0; }
body #community-wrap ul.small-button li.btn-gallery a { background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -21px; }
body #community-wrap ul.small-button li.btn-blog a { background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -42px; }
body #community-wrap ul.small-button li.btn-videos a { background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -83px; }
body #community-wrap ul.small-button li.btn-write-message a { background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -104px; }
body #community-wrap ul.small-button li.btn-favourite a { background: transparent url(../images/toolbar/profile-toolbar-icons.gif) no-repeat 0 -63px; }
body #community-wrap ul.small-button li.btn-discussions a { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -259px; }
body #community-wrap ul.small-button li.btn-members a { background: transparent url(../images/icons/icons-16x16.gif) no-repeat scroll 0 -60px; }

/** Profile Toolbox */
#community-wrap div.profile-toolbox-bl
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #ecf3fe;
	margin: 0 0 10px;
}

#community-wrap div.profile-toolbox-br { 

}

#community-wrap div.profile-toolbox-tl { 
	position: relative;
	margin-top: 10px;
	clear: left;
}

#community-wrap div.profile-toolbox-bl h2.app-box-title
{
	font-family: Tahoma, Verdana, Helvetica, san-serif;
	font-size: 150%;
	padding: 10px 10px 0;
	font-weight: 700;
	color: #fff;
	text-align: left;
}

#community-wrap #miniheader { margin-top: -10px; }

/**
 * User Status Text at Profile Page
 */

body #community-wrap #profile-new-status { 
	padding: 15px 20px 0;
}

body #community-wrap #profile-new-status label
{
	font-weight: bold;
	font-size: 120%;
}

body #community-wrap #profile-new-status textarea#statustext
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	display: block;
	border: 1px solid #b6d5f9;
	margin: 25px 0 2px;
	height: 50px;
	font-size: 14px;
	color: #999;
	padding: 4px;
}

body #community-wrap #profile-new-status.inactive textarea#statustext { 
	color: #888888;
	font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}


#save-status.button {
	position: relative;
	float: right;
	margin-top: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	width: 70px;
	height: 30px;
	color:#fff; 
	background-color: #9DC4F0; 
	border: 1px solid #fff;
	font: bold 16px 'trebuchet ms',helvetica,sans-serif;
}

body #community-wrap #profile-new-status.inactive #save-status {
	position: relative;
	float: right;
	margin-top: 5px;
	height: 30px;
}

body #community-wrap div#community-photo-caption input#captiontext
{
	font-size: 16px;
	color: #999;
	margin: 0 0 0 10px;
	width: 50%;
}

body #community-wrap div#community-photo-caption #save-caption
{
	padding: 3px 10px;
	background: #333;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	border: solid 1px #666;
	height: 28px;
	line-height: 28px;
}

body #community-wrap div.profile-toolbox-bl td { text-align: center; }

body #community-wrap div.profile-toolbox-bl td a
{
	text-align: center;
	text-decoration: none;
	float: left;
	display: block;
	width: 100%;
	background: #eee;
	color: #360;
	font-size: 11px;
	font-weight: 700;
}

body #community-wrap div.profile-toolbox-bl td a span
{
	float: left;
	display: block;
	width: 100%;
	padding: 50px 0 0;
	cursor: pointer;
}

body #community-wrap div.profile-toolbox-bl td a.btn-invite:link,
body #community-wrap div.profile-toolbox-bl td a.btn-invite:visited { background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 0px; }

body #community-wrap div.profile-toolbox-bl td a.btn-invite:hover
{
	background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -80px;
	color: #690;
}

body #community-wrap div.profile-toolbox-bl td a.btn-photo:link,
body #community-wrap div.profile-toolbox-bl td a.btn-photo:visited { background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -160px; }

body #community-wrap div.profile-toolbox-bl td a.btn-photo:hover
{
	background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -240px;
	color: #690;
}

body #community-wrap div.profile-toolbox-bl td a.btn-video:link,
body #community-wrap div.profile-toolbox-bl td a.btn-video:visited { background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -320px; }

body #community-wrap div.profile-toolbox-bl td a.btn-video:hover
{
	background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -400px;
	color: #690;
}

body #community-wrap div.profile-toolbox-bl td a.btn-group:link,
body #community-wrap div.profile-toolbox-bl td a.btn-group:visited { background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -480px; }

body #community-wrap div.profile-toolbox-bl td a.btn-group:hover
{
	background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -560px;
	color: #690;
}

body #community-wrap div.profile-toolbox-bl td a.btn-apps:link,
body #community-wrap div.profile-toolbox-bl td a.btn-apps:visited { background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -640px; }

body #community-wrap div.profile-toolbox-bl td a.btn-apps:hover
{
	background: #eee url(../images/icons/profile-toolbox-icons.gif) no-repeat 0 -720px;
	color: #690;
}

/**
 * New updates in profile page
 */

#community-wrap div.profile-toolbox-bl ul.updates
{
	margin: 10px;
	padding: 0 0 10px;
	list-style: none;
}

#community-wrap div.profile-toolbox-bl ul.updates li
{
	background: none;
	padding: 0 5px;
	text-align: left;
}

#community-wrap div.profile-toolbox-bl ul.updates li.title
{
	font-weight: 700;
	border-bottom: solid 1px #ccc;
	padding: 3px 5px;
	color: #900;
}

#community-wrap div.profile-toolbox-bl ul.updates li a
{
	color: #666;
	text-decoration: none;
}

#community-wrap div.profile-toolbox-bl ul.updates li a:hover { text-decoration: underline; }

a.inbox
{}

a.friend
{}

/** USER PROFILE **/
/*******************************************************************************************/
/*******************************************************************************************/
/** GROUPS **/
div#community-groups-wrap { display: block; }

div#community-groups-wrap span.info
{
	font-size: 11px;
	margin: 0 0 10px 0;
}

div#community-groups-wrap div textarea { width: 45%; }

div#community-groups-wrap div span.title
{
	width: 20%;
	float: left;
}

div#community-groups-wrap div.items { margin-top: 10px; }

div#community-groups-wrap div.submit
{
	margin: 30px 0 0 0;
	width: 70%;
	text-align: center;
}

div#community-groups-wrap div.title
{
	font-weight: bold;
	text-decoration: underline;
}

div#community-groups-wrap fieldset
{
	background: none;
	border: 1px solid #EEE;
	float: left;
	width: 50%;
	padding: 8px;
}

div#community-groups-wrap fieldset legend
{
	color: #999;
	text-decoration: underline;
	font-size: 12px;
}

div#community-groups-wrap fieldset div.avatar
{
	width: 30%;
	float: left;
}

div#community-groups-wrap fieldset div.caption { float: left; }
div#community-groups-wrap div.upload { margin: 20px 0 0 0; }

div#community-groups-wrap div.community-groups
{
	border-bottom: 1px solid #789539;
	margin: 0 0 10px;
}

div.community-groups-right div.heading
{
	font-weight: 700;
	font-size: 12px;
	background-color: #F4F4F4;
	border: 1px solid #eee;
	padding: 4px;
}

/*******************************************************************************************/
/** GROUPS: VIEW GROUPS **/
#community-wrap .group { }
#community-wrap .group-top { margin: 20px 0; }
#community-wrap .group-bottom { margin-top: 15px; }

#community-wrap .group-left
{
	float: left;
	width: 175px;
}

#community-wrap .group-right
{
	float: right;
	width: 175px;
}

#community-wrap .group-main { }
#community-wrap .group-top .group-main {
	margin-left: 195px;
}
#community-wrap .group-bottom .group-main { margin-right: 190px; }

#community-wrap .group-menus
{
	border-bottom: 2px solid #9DC4F0;
	display: block;
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	width: 100%;
	list-style: none;
}

#community-wrap .group-menu
{
	background: none;
	float: right;
	text-transform: capitalize;
}

#community-wrap .group-menu a
{
	text-decoration: none;
	background: #ecf3fe;
	padding: 5px 10px;
	color: #3d599a;
	margin: 0 0 0 2px;
	display: block;
}

#community-wrap .group-menu.important a { background: #ecf3fe;
	border-bottom-style: none;
}
#community-wrap .group-info { margin: 15px 0;
	width: 550px;
}

#community-wrap .group-info .cparam
{
	padding-left: 150px;
	position: relative;
}

#community-wrap .group-info .clabel
{
	width: 150px;
	font-size: 11px;
	font-weight: 700;
	position: absolute;
	top: 0;
	left: 0;
	color: #666;
}

#community-wrap .group-info .cdata { font-size: 11px;
	color: #808080;
}
#community-wrap .group-info .cinput { display: none; }
#community-wrap .group-members { }

#community-wrap .group-member
{
	display: inline;
	/* Remove inheritance from Joomla! template */
	list-style: none !important;
	background: none !important;
	padding: 0 !important;
}

/*******************************************************************************************/
div#community-group-info-actions
{
	display: none;
	padding: 0 0 0 170px;
}

div#community-groups-news h3,
div#community-groups-join h3
{
	border-bottom: solid 1px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	float: left;
}

input#news-title { width: 400px; }

textarea#news-description
{
	height: 200px;
	width: 400px;
}

div#community-groups-news div { padding-top: 10px; }

div.empty
{
	text-align: center;
	font-size: 12px;
	color: #999;
}

div.community-groups-action
{
	padding-top: 10px;
	text-align: right;
}

div#community-groups-results-wrapper { margin-top: 20px; }

div.community-groups-results-item
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ccc;
	padding: 15px;
	margin-top: 10px;
	background: #fff;
}

div.community-groups-results-left { float: left; }

div.community-groups-results-right
{
	float: left;
	margin-left: 10px;
	width: 80%;
}

div.community-groups-results-right h3
{
	margin: 0;
	padding: 0;
	text-indent: 0 !important;
	margin-bottom: 5px;
}

div.groupActions { margin-top: 5px; }

divbody #community-wrap span.selected
{
	font-weight: 700;
	text-decoration: underline;
}

/** GROUPS **/
/*******************************************************************************************/
/*******************************************************************************************/

/* PHOTO: ALBUM LIST ITEM 
   Affected files:
   - templates/photos.myphotos.php
 */

body #community-wrap .albums { }

body #community-wrap .album
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
	width: 48%;
	margin: 5px;
	border: 1px solid #eee;
	min-height: 90px;
	height: auto !important;
	/* for IE to behave */
}

body #community-wrap .album-cover
{
	float: left;
	margin: 10px;
}

body #community-wrap .album-summary
{
	margin: 8px;
	margin-bottom: 0;
}

body #community-wrap .album-name
{
	white-space: nowrap;
	overflow: hidden;
}

/** PHOTO: ALBUM LIST ITEM **/
/*******************************************************************************************/
/*******************************************************************************************/
/** PHOTO: PHOTO LIST ITEM **/

/*
 * Affected files:
 * - templates/photos.album.php
 *
 */

body #community-wrap .photo-list-item
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #CCC;
	display: inline-block;
	width: 100%;
}

body #community-wrap .photo-list-item .container { padding: 5px; }

body #community-wrap .photo-list-item .photo-item
{
	float: left;
	margin: 5px;
}

body #community-wrap .photo-list-item .photo-item a { display: block; }

body #community-wrap .photo-list-item .photo-item img
{
	border: 1px solid #CCC;
	padding: 3px;
	margin: 0 !important;
	/* Prevent margin inheritance from ".hasTip img" */
}

/** PHOTO: PHOTO LIST ITEM **/
/*******************************************************************************************/
/*******************************************************************************************/
/** FORM ELEMENTS **/
#writeMessageForm .receiverList #selections { width: 140px; }
#writeMessageForm textarea.inputbox { margin: 0; }

/** FORM ELEMENTS **/
/*******************************************************************************************/
/** Use in app box if there are no item to show **/
div.content-nopost
{
	margin: 0 10px 0 31px;
	height: 22px;
	line-height: 27px;
}

div.icon-nopost
{
	float: left;
	height: 22px;
	padding: 4px 10px 0 5px;
}

/** Use in app box if there are no item to show **/
/* blockUnregister */
body #cWindowContent .blockUnregister { }

body #cWindowContent .blockUnregister div.message
{
	background: #fde2e2;
	border-top: solid 2px #d19393;
	border-bottom: solid 2px #d19393;
	padding: 5px 10px;
}

body #cWindowContent .blockUnregister h3
{
	font-size: 15px;
	color: #333;
	padding: 0;
	margin: 0 0 10px;
}

body #cWindowContent div.loginform label,
body #cWindowContent div.loginform input { margin: 0; }

body #cWindowContent div.loginform .frontlogin
{
	padding: 3px;
	margin: 0 0 3px;
}

body #cWindowContent .blockUnregister div.loginform,
body #cWindowContent .blockUnregister div.right-col
{
	background: transparent url(../images/separator.gif) no-repeat center left;
	padding-left: 10px;
}

body #cWindowContent .blockUnregister ul#featurelist
{
	list-style: none;
	margin: 10px 0 !important;
	padding: 0;
}

body #cWindowContent .blockUnregister ul#featurelist li
{
	font-size: 11px;
	color: #999;
	background: transparent url(../images/add-button.gif) no-repeat 0 0;
	line-height: 16px;
	height: 16px;
	margin: 0 0 5px !important;
	padding: 0 0 0 25px;
}

body #cWindowContent .blockUnregister a#joinButton2
{
	background: transparent url(../images/register-button-small.gif) no-repeat 0 0;
	width: 149px;
	height: 46px;
	text-indent: -9999px;
	display: block;
	outline-style: none;
	margin: 0 auto;
}

body #cWindowContent .blockUnregister a#joinButton2:hover { background: transparent url(../images/register-button-small.gif) no-repeat 0 -46px; }

/* blockUnregister */
/* Tooltips */
.tool-tip
{
	float: left;
	border: 1px solid #90b402 !important;
	padding: 5px;
	background: #f3fde0 url(../images/tooltip-bg.gif) repeat-x top left !important;
	max-width: 200px;
}

.tool-title
{
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: transparent url(../images/tooltip-arrow.gif) no-repeat !important;
	font-size: 100%;
	font-weight: bold;
}

.tool-text
{
	margin: 0;
	font-size: 100%;
}

/**
 * All small 16x16 icons please use these classes
 * we will use it for all templates
 */

.icon-user,
.icon-calendar,
.icon-remove,
.icon-write,
.icon-group,
.icon-leave,
.icon-online,
.icon-offline,
.icon-add-friend,
.icon-remove-friend,
.icon-approve,
.icon-unapprove,
.icon-discuss,
.icon-wall,
.icon-edit,
.icon-replies,
.icon-bubble,
.icon-photos,
.icon-report,
.icon-videos,
.icon-edit2,
.icon-save,
.icon-blog,
.icon-addfeatured,
.icon-removefeatured,
.icon-bookmark
{
	line-height: 15px;
	margin: 10px 10px 0 0;
	padding: 3px 3px 3px 20px;
	display: inline;
}

.icon-waitingapproval
{
	line-height: 15px;
	margin: 10px 10px 0 0;
	padding: 3px 3px 3px 20px;
	color: #666;
}

.icon-user { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 2px; }
.icon-calendar { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -20px; }
.icon-remove { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -37px; }
.icon-group { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -58px; }
.icon-write { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -118px; }
.icon-join { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -100px; }
.icon-leave { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -80px; }
.icon-online { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -138px; }
.icon-offline { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -158px; }
.icon-add-friend { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -180px; }
.icon-remove-friend { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -200px; }

.icon-block-user
{
	background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -200px;
	text-decoration: none;
}

.icon-remove-avatar
{
	text-decoration: none;
	background: transparent url(../images/icons/icon-remove-image.png) no-repeat 0;
}

.icon-approve { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -218px; }
.icon-unapprove { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -37px; }
.icon-waitingapproval { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -238px; }
.icon-discuss { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -256px; }
.icon-wall { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -276px; }
.icon-edit { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -337px; }
.icon-replies { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -297px; }
.icon-bubble { background: transparent url(../images/icons/bubble.gif) no-repeat 0 3px; }
.icon-photos { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -356px; }
.icon-report { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -377px;
	font-size: 11px;
	color: #6b96c2;
}
.icon-videos { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -398px; }
.icon-edit2 { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -419px; }
.icon-save { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -440px; }
.icon-blog { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -457px; }
.icon-addfeatured { background: transparent url(../images/icons/icon-add-featured.png) no-repeat 0 -480px; }
.icon-removefeatured { background: transparent url(../images/icons/icon-remove-featured.png) no-repeat; }
.icon-bookmark { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -522px;
	font-size: 11px;
	color: #6b96c2;
}
.paramlist_key label.hasTip { margin: 0; }
.ajax-notice-apps-added { }
.ajax-notice-apps-removed { }
.ajax-notice-apps-configure { }

body #community-wrap .loading
{
	width: 50px;
	height: 11px;
	background: transparent url(../images/wait.gif) no-repeat 0 0;
}

body #community-wrap div.see-all
{
	font-size: 90%;
	margin: 0 0 10px;
	padding: 2px;
	text-align: right;
}

body #community-wrap #latest-members-nav a
{
	outline-style: none;
	border-right: solid 1px #333;
	padding: 0 10px;
	height: 11px;
}

/* Group Invite */
body #community-wrap ul#friends-list
{
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	height: 250px;
}

body #community-wrap ul#friends-list li
{
	width: 32%;
	background: none;
	margin: 0 0 5px;
	padding: 3px;
	list-style: none;
	float: left;
}

body #community-wrap ul#friends-invited li
{
	background: none;
	margin: 0 0 5px;
	padding: 3px;
	list-style: none;
	float: left;
}

body #community-wrap ul#friends-invited li a,
body #community-wrap ul#friends-list li a
{
	text-decoration: none;
	font-weight: 700;
}

body #community-wrap ul#friends-invited li a:hover,
body #community-wrap ul#friends-list li a:hover { text-decoration: underline; }
body #community-wrap ul#friends-list li.friend-list { margin: 0 0 10px !important; }

body #community-wrap ul#friends-list li.friend-list img
{
	border: solid 1px #eee;
	padding: 2px;
}

body #community-wrap ul#friends-list li.friend-list:hover { background: #f2f2f2; }
body #community-wrap ul#friends-list li.friend-list:hover img { border: solid 1px #fff; }
body #community-wrap ul#friends-invited li img,
body #community-wrap ul#friends-list li img { float: left; }
body #community-wrap ul#friends-invited li span,
body #community-wrap ul#friends-list li span { }

body #community-wrap ul#friends-invited li span.friend-name,
body #community-wrap ul#friends-list li span.friend-name
{
	line-height: 45px;
	padding: 0 0 0 5px;
	vertical-align: middle;
}

body #community-wrap div#friend-selected-list
{
	border: 1px solid gray;
	padding: 5px;
	overflow: scroll;
	margin-left: 20px;
	float: left;
	width: 20%;
	height: 250px;
	margin-top: 45px;
}

body #community-wrap ul#friends-invited
{
	margin: 0;
	padding: 0;
}

body #community-wrap ul#friends-invited li { font-weight: 700; }

body #community-wrap ul#friends-invited li.friend-list
{
	font-weight: 700;
	padding: 0;
	margin: 0 0 5px !important;
	background: none;
}

body #community-wrap ul.application-group-avatars
{
	margin: 0pt;
	padding: 0pt;
	list-style: none;
}

body #community-wrap ul.application-group-avatars li
{
	display: inline;
	padding: 0;
	background: none;
	margin: 0 3px 0 0 !important;
}

body #community-wrap div.see-all { position: relative; }

body #community-wrap div.loading
{
	display: none;
	float: right;
	margin: 5px 5px 0 0;
}

body #community-wrap div.filterlink
{
	outline-style: none;
	height: 11px;
	border-bottom: 0;
	padding: 0 0 3px;
	font-size: 90%;
	text-align: right;
	margin: 10px 0;
}

body #community-wrap div.filterlink a
{
	border-right: solid 1px #333;
	padding: 0 5px;
	outline: none;
	text-align: right;
}

body #community-wrap a.active-state { font-weight: 700; }

/* Standard Avatar List */
body #community-wrap ul.avatar-list
{
	margin: 0;
	padding: 0pt;
	list-style: none;
}

body #community-wrap ul.avatar-list li,
body #community-wrap ul.avatar-list li.avatar-list-item
{
	display: inline;
	padding: 0;
	background: none;
	margin: 0 3px 0 0;
}

body #community-wrap ul.avatar-list li a { text-decoration: none; }

body #community-wrap ul.avatar-list li.first
{
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 20px;
}

body #community-wrap ul.avatar-list li.first a.avatar-link
{
	display: block;
	position: relative;
}

body #community-wrap ul.avatar-list .title
{
	font-weight: 700;
	font-size: 160%;
	margin-bottom: 10px;
}

body #community-wrap ul.avatar-list .title a { text-decoration: none; }

body #community-wrap ul.avatar-list .desc-title
{
	font-size: 90%;
	text-align: left;
	line-height: normal;
	border-bottom: 1px solid #ccc;
	padding: 2px 0;
	margin: 0 0 5px;
	font-weight: 700;
}

body #community-wrap ul.avatar-list .desc-details
{
	color: #666;
	text-align: left;
}

body #community-wrap .tag-new
{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: transparent url(../images/tag-new.gif) no-repeat 0 0;
}

body #community-wrap .col-left,
body #community-wrap .col-right
{
	margin: 0;
	padding: 0;
}

body #cWindowContent .button
{
	padding: 2px 15px;
	background: #333 !important;
	border: solid 1px #666 !important;
	cursor: pointer;
	color: #ccc !important;
	font-size: 11px;
}

body #cWindowContent .button:hover
{
	background: #1c1d22 !important;
	border: solid 1px #666;
}

body #community-wrap div.greybox table {
}
body #community-wrap div.greybox table td { vertical-align: top;
	width: 300px;
}
body #community-wrap #profile-edit .inputbox { width: 290px; }
body #community-wrap #profile-edit .select { width: auto; }
body #community-wrap #profile-edit .validate-custom-date { width: auto; }

/*******************************************************************************************/
/** VIDEO **/
body #community-wrap .video-heading
{
	/* Remove any possible inheritance from Joomla! template */
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

body #community-wrap .video-item
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	width: 100%;
}

body #community-wrap #latest-videos .video-item,
body #community-wrap #community-group-videos .video-item
{
	float: none;
	width: auto;
}

body #community-wrap .video-item .video-item
{
	position: relative;
	border: 1px solid #eee;
	margin: 5px;
	/* Reset from parent .video-item */
	float: none;
	width: auto;
}

body #community-wrap .video-thumb
{
	float: left;
	padding: 8px;
	/* Did not use margin because it breaks on IE6/7 */
	position: relative;
}

body #community-wrap .video-thumb-url
{
	display: block;
	background: url(../../../assets/video_thumb.png) no-repeat center;
	overflow: hidden;
}

body #community-wrap .video-thumb img
{
	/* Avoid .hasTip interference */
	margin: 0 !important;
}

body #community-wrap .video-summary
{
	margin: 8px;
	margin-bottom: 0;
}

body #community-wrap .video-title
{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	/* Remove any possible <h3> inheritance from Joomla! template */
	margin: 0;
	padding: 0;
}

body #community-wrap .video-description
{
	/* Remove any possible <p> inheritance from Joomla! template */
	margin: 0;
	padding: 0;
}

body #community-wrap .video-actions { float: left; }

body #community-wrap .video-durationHMS
{
	position: absolute;
	bottom: 8px;
	left: 8px;
	/* Due to .video-thumb's using padding and not margin */
	background: black;
	color: #FFF;
	opacity: 0.7;
	font-size: 80%;
	padding: 0 0.3em;
}

body #community-wrap .video-permalink { padding: 10px 0; }

/*
	.video-add
*/

body #cWindow .video-addType
{
	vertical-align: top;
	width: 50%;
	height: 200px;
	padding: 10px;
	position: relative;
}

body #cWindow .video-addType.link { }
body #cWindow .video-addType.upload { border-left: 1px solid #DDD; }

body #cWindow .video-addType-name
{
	font-weight: bold;
	/* Reset inheritance from Joomla! template */
	margin: 0;
	padding: 0;
}

body #cWindow .video-addType-description
{
	/* Reset inheritance from Joomla! template */
	margin: 10px 0;
	padding: 0;
}

body #cWindow .video-providers
{
	padding-left: 15px;
	margin: 0;
}

body #cWindow .video-provider
{
	width: 49%;
	float: left;
	/* Reset inheritance from Joomla! template */
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: disc;
	line-height: 150%;
}

body #cWindow .video-uploadRules
{
	padding-left: 15px;
	margin: 0;
}

body #cWindow .video-uploadRule
{
	/* Reset inheritance from Joomla! template */
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: disc;
	line-height: 150%;
}

body #cWindow .video-action { }
body #cWindow .video-addType.link .video-action { margin-top: 15px; }
body #cWindow .video-addType.upload .video-action { margin-top: 20px; }

/* 
	.video-full
*/

body #community-wrap .video-full { }

body #community-wrap .video-player
{
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
}

body #community-wrap .video-full .video-summary
{
	padding: 10px;
	/* reset inheritance from .video */
	height: auto;
	margin: 0;
}

body #community-wrap .video-full .video-details { }

body #community-wrap .video-full .video-details dt
{
	float: left;
	width: 75px;
	/* Remove inheritance from Joomla! template */
	margin: 0 !important;
	padding: 0 !important;
}

body #community-wrap .video-full .video-details dd { display: inline; }

body #community-wrap .video-full .video-actions
{
	display: block;
	margin-top: 10px;
	/* Remove inheritance */
	position: relative;
}

body #community-wrap .play-button
{
	position: absolute;
	background: url(../images/play-video.png) no-repeat center;
	top: 0;
	left: 0;
}

body #community-wrap .facebook
{
	background: transparent url(../../../assets/favicon/facebook.gif) no-repeat 0 0;
	margin: 5px 0 0;
	padding-left: 20px;
	text-decoration: underline;
}

body #community-wrap .video-result
{
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

body #community-wrap .video-search-form { margin: 0 0 20px; }
#linkVideo #videoLinkUrl { width: 100%; }
#uploadVideo #videoTitle { width: 100%; }

#uploadVideo #description
{
	width: 100%;
	height: 135px;
}

/*******************************************************************************************/
body #community-wrap #community-admin-wrapper
{
	margin: 0 0 10px;
	border: 1px solid #eee;
	padding: 5px;
	background: #F4F4F4 none repeat scroll 0 0;
}

body #community-wrap #community-admin-wrapper #community-admin-controls li
{
	display: inline;
	padding: 0 10px 0 20px;
}

body #community-wrap #community-admin-wrapper #community-admin-controls li a span { text-decoration: underline;
	font-size: 11px;
	color: #6b96c2;
}
body #community-wrap .pos-rel { position: relative; }

body #community-wrap div.error-box
{
	border: 1px solid #FF0000;
	padding: 20px;
	background-color: #FFEAEA;
}

/** Activity stream **/
#activity-stream-container { margin-bottom: 20px; }

body #community-wrap div.newsfeed-item
{
	padding: 2px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	position: relative;
	overflow: hidden;
	display: block;
}

/** Comment On Comment **/
#community-wrap .wall-cocs
{
	margin-top: 8px;
	margin-right: 40px;
	font-size: 95%;
}

#community-wrap .wallcmt
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 4px;
	background-color: #ecf3fe;
	margin-bottom: 5px;
	position: relative;
	padding-left: 40px;
	color: #666;
}

#community-wrap .wallcmt p { margin: 0; }

#community-wrap .wall-coc-avatar
{
	width: 32px;
	position: absolute;
	top: 4px;
	left: 4px;
}

#community-wrap .wall-coc-form { display: none; }
#community-wrap .wall-coc-form-actions { text-align: left;
	margin-top: 5px;
}

#community-wrap #wall-message
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	display: block;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 7px;
	color: #888888;
	font: 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 5px;
}

textarea
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 150px;
	width: 70%;
	border: 1px solid #ccc;
}

.denied-box
{
	padding: 15px;
	border: 1px solid #CCCCCC;
	background: url(../images/greybox.gif) repeat-x top left;
}

/*******************************************************************************************/
/** cFilterBar **/

/*
 * Affected files:
 * - libraries/filterbar.php
 *
 */

body #community-wrap #cFilterBar
{
	position: relative;
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

body #community-wrap #cFilterBar .filterGroup
{
	border: none;
	padding: 4px 6px;
}

body #community-wrap #cFilterBar .filterGroup#cFilterType_Sort { text-align: right; }

body #community-wrap #cFilterBar .filterGroup#cFilterType_Filter
{
	position: absolute;
	top: 0;
	left: 0;
}

body #community-wrap #cFilterBar .filterName
{
	display: inline;
	font-size: 12px;
	font-weight: normal;
}

body #community-wrap #cFilterBar .filterOptions,
body #community-wrap #cFilterBar .filterOption
{
	/* Remove inheritance from Joomla! template */
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

body #community-wrap #cFilterBar .filterOptions { display: inline; }

body #community-wrap #cFilterBar .filterOption
{
	display: inline;
	font-size: 12px;
	padding-left: 2px;
}

body #community-wrap #cFilterBar .active { font-weight: bold; }

/*******************************************************************************************/
#community-wrap .group-discussion { }
#community-wrap .group-discussion + .group-discussion { border-top: 1px solid #CCC; }

#community-wrap .group-discussion-title
{
	width: 70%;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 !important;
}

#community-wrap .group-discussion-replies
{
	float: right;
	margin: 0 !important;
}

#community-wrap .group-discussion-author
{
	padding: 0pt 0pt 0pt 20px;
	color: gray;
}

body #community-wrap div.featured-items
{
	float: left;
	margin: 0 10px 5px 0;
	text-align: center;
}

body #community-wrap div.featured-items a { outline: none; }

body #community-wrap div.empty-message
{
	text-align: center;
	padding: 30px;
	border: solid 2px #c8e1a1;
	background: #edfed2;
	margin: 20px 0;
	font-size: 110%;
	color: #455d1e;
	font-weight: 700;
}

body #community-wrap div.newsfeed-item div.newsfeed-content-hidden
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 6px;
	background: #f4f5f6;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

body #community-wrap div.filterlink a.popular-videos { border-right: none; }

div#cWindowContent p
{
	padding: 0;
	margin: 0;
}

/**
 * Share this
 * Social bookmark list
 */

div#cWindowContent ul.bookmarks-list
{
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}

div#cWindowContent ul.bookmarks-list li
{
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	background: none;
	float: left;
	width: 33%;
}

div#cWindowContent ul.bookmarks-list li a
{
	background: transparent url(../images/bookmarks.gif) no-repeat 0 0;
	text-decoration: none;
	display: table-cell;
	line-height: 16px;
	padding-left: 20px;
	color: #666;
}

div#cWindowContent ul.bookmarks-list li a:hover { color: #000; }
div#cWindowContent ul.bookmarks-list li a.newsvine { background-position: 0 0; }
div#cWindowContent ul.bookmarks-list li a.stumbleupon { background-position: 0 -20px; }
div#cWindowContent ul.bookmarks-list li a.technorati { background-position: 0 -40px; }
div#cWindowContent ul.bookmarks-list li a.twine { background-position: 0 -60px; }
div#cWindowContent ul.bookmarks-list li a.twitter { background-position: 0 -80px; }
div#cWindowContent ul.bookmarks-list li a.xanga { background-position: 0 -100px; }
div#cWindowContent ul.bookmarks-list li a.ybookmarks { background-position: 0 -120px; }
div#cWindowContent ul.bookmarks-list li a.aim { background-position: 0 -140px; }
div#cWindowContent ul.bookmarks-list li a.bebo { background-position: 0 -160px; }
div#cWindowContent ul.bookmarks-list li a.blinklist { background-position: 0 -180px; }
div#cWindowContent ul.bookmarks-list li a.blogmarks { background-position: 0 -200px; }
div#cWindowContent ul.bookmarks-list li a.delicious { background-position: 0 -220px; }
div#cWindowContent ul.bookmarks-list li a.digg { background-position: 0 -240px; }
div#cWindowContent ul.bookmarks-list li a.diigo { background-position: 0 -260px; }
div#cWindowContent ul.bookmarks-list li a.facebook { background-position: 0 -280px; }
div#cWindowContent ul.bookmarks-list li a.faves { background-position: 0 -300px; }
div#cWindowContent ul.bookmarks-list li a.friendster { background-position: 0 -320px; }
div#cWindowContent ul.bookmarks-list li a.furl { background-position: 0 -340px; }
div#cWindowContent ul.bookmarks-list li a.google { background-position: 0 -360px; }
div#cWindowContent ul.bookmarks-list li a.linkedin { background-position: 0 -380px; }
div#cWindowContent ul.bookmarks-list li a.live { background-position: 0 -400px; }
div#cWindowContent ul.bookmarks-list li a.myspace { background-position: 0 -420px; }
div#cWindowContent input.bookmarks-email { width: 95%; }

div#cWindowContent textarea.bookmarks-message
{
	width: 95%;
	height: 90px;
}

/*
 ******************************************************************************
 * TinyMCE Fixes 
 */

body #community-wrap table.mceLayout { margin-bottom: 10px; }
body #community-wrap table.mceLayout tr td { padding: 0; }
body #community-wrap table.mceLayout tr.mceFirst td { padding-top: 2px; }
body #community-wrap .mceToolbar td,
body #community-wrap table.mceLayout tr.mceLast td { padding: 0; }
body #community-wrap .defaultSkin .mceIframeContainer { border-right: 1px solid #ccc; }

/*
 ******************************************************************************
 * Other Fixes
 */

/** catch this on yoothemes */
div#cWindowContent form div { margin: 0; }
div#cWindowContent .inputbox { background: #fff; }
body #community-wrap form div {
	text-align: left;
	color: #808080;
	margin: 7px 0 0;
}

/** catch this on ja_purity */
body #community-wrap input, 
body #community-wrap select, 
body #community-wrap textarea, 
body #community-wrap .inputbox { }

body #community-wrap .radio
{
	padding: 0;
	margin: 0;
}

.clrfix { }

.clrfix:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
}

body #community-wrap #cToolbarNav div.toolbar-myname
{
	margin-right: 20px;
	margin-top: 12px;
	line-height: normal;
	height: auto;
}

#report-form { }
#report-form select#report-predefined { width: 280px; }

#report-form textarea#report-message
{
	height: 100px;
	width: 273px;
}

#report-form #report-message-error { display: block; }

body #community-wrap div.inbox-message-heading
{
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	padding: 5px;
}

/*
 ******************************************************************************
 Page actions
 */

#community-wrap .page-actions
{
	margin-bottom: 10px;
	display: block;
	text-align: right;
	width: 100%;
}

#community-wrap .page-action
{
	display: inline;
	margin-left: 5px;
}

#community-wrap .page-action a
{
	margin: 0;
	outline: none;
}

/*
 ******************************************************************************
 group.created.php
 */

#community-wrap ul.linklist { }

#community-wrap ul.linklist li
{
	background: transparent url(../images/group_actions.png) no-repeat 0 0;
	text-indent: 22px;
	height: 20px;
	line-height: 16px;
	margin-bottom: 5px;
	padding: 0;
}

#community-wrap ul.linklist li.upload_avatar { background-position: 0 0; }
#community-wrap ul.linklist li.add_news { background-position: 0 -20px; }
#community-wrap ul.linklist li.group_edit { background-position: 0 -40px; }
#community-wrap ul.linklist li.group_view { background-position: 0 -60px; }
#community-wrap .small { font-size: 90%; }
#community-wrap .pagination-container { text-align: center; }

/**
 * new online icon
 */

#community-wrap .icon-online-overlay
{
	height: 16px;
	line-height: 16px;
	padding: 0 5px 0 10px;
	position: absolute;
	right: 0;
	top: 7px;
	font-size: 85%;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	background: transparent url(../images/online.png) no-repeat 0 0;
}

/*******************************************************************************************/
/** SUBMENU TOOLBAR **/
#community-wrap .cSubmenu {
	background: #eee;
	border: solid 1px #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#community-wrap .cSubmenu {
	margin: 0 0 10px;
	height:26px;
}
#community-wrap .cSubmenu {
	height:26px;
}
	#community-wrap .cSubmenu ul.submenu {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 26px;
	}
		#community-wrap .cSubmenu ul.submenu li {
			list-style-type: none;
			background: none;
			float: left;
			line-height: 26px;
			font-weight: 800;
			margin: 0;
			padding: 0;
		}
			#community-wrap .cSubmenu ul.submenu li a {
				height: 12px;
				border-right: 1px solid #ccc;
				padding: 0 8px;
				text-decoration: none;
				color: #0B55C4;
				font-size: 11px;
			}
			#community-wrap .cSubmenu ul.submenu li.action {
				float: right;
				margin-right: -1px;
			}
			#community-wrap .cSubmenu ul.submenu li a.active:link,
			#community-wrap .cSubmenu ul.submenu li a.active:visited,
			#community-wrap .cSubmenu ul.submenu li a.active:hover {
				height: 12px;
				border-right: 1px solid #ccc;
				padding: 0 15px;
				text-decoration: underline;
				color: #000;
			}

/** SUBMENU TOOLBAR **/
/*******************************************************************************************/

/**
 * Base 2 column layout
 * Fix width for sidebar & fluid for main section 
 */

#community-wrap .cLayout .cMain
{
	margin: 0;
	overflow: hidden;
	position: relative;
	display: inline-block;
	left: 15px;
	width: 58%;
}

#community-wrap .cGroupMain
{
	margin: 0;
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 78%;
}


.cFrontMain
{
	margin: 0;
	overflow: hidden;
	width: 78%;
	display: inline-block;
}

/**
 * Sidebar module
 */

#community-wrap .cModule
{
	padding: 5px 7px;
	margin-bottom: 20px;
	position: relative;
}

#community-wrap .cModule h3
{
	border-bottom: 1px dashed #ccc;
	font-size: 12px;
	margin: 0 0 10px;
	padding-bottom: 5px;
	position: relative;
	font-weight: bold;
	color: #3d599a;
}

#community-wrap .cModule fieldset
{
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}

/**
 * Searchbox
 */

#community-wrap .cModule.searchbox {
	border-bottom: 1px dotted #9DC4F0;
}

#community-wrap .cModule.searchbox .input_wrap
{
	background: transparent url(../images/searchbox.png) no-repeat 0 0;
	height: 26px;
	padding-left: 5px;
	margin-right: 10px;
	width: 153px;
}

#community-wrap .cModule.searchbox .input_wrap .inputbox
{
	background: transparent;
	border: 0;
	margin: 4px 0 0;
	padding: 2px;
	width: 80%;
	font-size: 12px;
	color: #000066;
}

#community-wrap .cModule.searchbox .input_wrap .inputbox:focus
{
	background: transparent;
	border: 0;
}

#community-wrap .cModule.searchbox .input_wrap .search_button
{
	background: transparent url(../images/searchbox.png) no-repeat 100% 0;
	display: block;
	float: right;
	height: 26px;
	margin-right: -10px;
	width: 35px;
}

#community-wrap .cModule.searchbox .input_wrap .search_button span
{
	position: absolute;
	top: -9999px;
	height: 0;
	text-indent: -9999px;
}

#community-wrap .cModule.searchbox .small { text-align: center; }

/**
 * Thumbnail list style
 *	
 * use in:
 * 		New members (Frontpage)
 * 		Who's Online (Frontpage)
 * 		New Photos (Frontpage)
 * 		Latest Groups (Frontpage)
 * 		Friend list (Profile)
 * 		Members (Groups)
 */

#community-wrap .cThumbList
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#community-wrap .cThumbList li
{
	background: none;
	display: block;
	float: left;
	line-height: 100%;
	list-style-type: none;
	margin: 0 2px 2px;
	padding: 0;
}

/**
 * Detail list style
 *	
 * use in:
 * 		Friend list
 * 		Video list
 * 		Latest video (Frontpage) 
 * 		Search result
 */

#community-wrap .cDetailList
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#community-wrap .cDetailList .item
{
	background-image: none;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 2px 0 0;
	padding: 10px 0;
	width: 100%;
}

#community-wrap .cDetailList .avatarWrap
{
	float: left;
	width: 60px;
}

#community-wrap .cDetailList .avatarWrap img.avatar { }
#community-wrap .cDetailList .detailWrap { margin: 0 60px 0 75px; }
#community-wrap .cDetailList .detailWrap.alpha { margin: 0 0 0 75px; }

#community-wrap .cDetailList .detailWrap h4
{
	line-height: 100%;
	margin: 0;
	padding: 0 0 10px;
}

#community-wrap .cDetailList .detailWrap .status
{
	height: auto;
	min-height: 25px;
}

#community-wrap .cDetailList .detailWrap .icons
{
	font-size: 90%;
	padding: 5px 0 0;
}

#community-wrap .cDetailList .cActivityAction
{
	float: right;
	margin-top: 20px;
}

#community-wrap .cDetailList .cActivityAction a
{
	background: #ececec;
	border: solid 1px #ccc;
	color: #666;
	font-size: 90%;
	padding: 2px 5px;
	text-decoration: none;
}

#community-wrap .cDetailList .cActivityAction a:hover
{
	background: #fcc;
	border: solid 1px #c99;
	color: #633;
}

/** 
 * Latest group listing 
 */

#community-wrap .cModule.latest-groups { }

#community-wrap .cModule.latest-groups li.featured
{
	margin: 0;
	text-align: center;
	width: 100%;
}

#community-wrap .cModule.latest-groups li.featured a { display: block;
	font-size: 17px;
}

#community-wrap .cModule.latest-groups li.featured .title
{
	font-size: 150%;
	padding: 5px 0;
}

#community-wrap .cModule.latest-groups li.featured .desc-details { padding: 5px 0 20px;
	text-align: left;
	color: #808080;
}

/**
 * Photo uploader
 */

div#community-wrap #photoupload-container div.upload-form
{
	border: 1px solid #eee;
	margin: 0pt 0pt 10px;
	padding: 10px;
	display: none;
}

div#community-wrap button.upload-photos-button { margin-left: 10px; }
body #community-wrap div.add-new-upload { margin-bottom: 15px; }

body #community-wrap a.add-upload:link,
body #community-wrap a.add-upload:visited
{
	padding: 0 0 0 20px;
	display: inline;
	text-indent: 0px;
}

body #community-wrap #photoupload-container span.error
{
	font-weight: 700;
	color: red;
}

body #community-wrap #photoupload-container span.success
{
	font-weight: 700;
	color: green;
}

body #community-wrap a.add.add-upload:link
{
	text-indent: 20px;
	width: auto;
}

/**
 * Small edit link user details module
 */

#community-wrap .editprofilelink
{
	background: transparent url(../images/edit-profile.png) no-repeat 0 0;
	height: 12px;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 9px;
	width: 13px;
}

#community-wrap .editprofilelink:hover { background-position: 0 -12px; }

.clrfix:after
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
