#community-wrap a.actor-link { }
ul.profile-right-info a:link, ul.profile-right-info a:visited { color: #646464; }
/** FORM ELEMENTS **/
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 { padding: 1px 5px; }
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 { background: none; }
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 !important; padding: 0; }
/** Standard Application Box Elements **/
body #community-wrap .appsBoxTitle { font-size: 16px; font-weight: 700; color: #1057AE; }
body #community-wrap .infoGroupTitle { border-bottom: solid 1px #999; margin: 0 0 10px !important; font-size: 110%; color: #666; font-weight: 700; }
body #community-wrap .infoTitle { font-weight: 700; font-size: 90%; color: #1057AE; }
body #community-wrap .infoDesc { font-size: 90%; }
/** 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; }
/** 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; }
body #community-wrap div.avatar img, img.avatar { border: 1px solid #E3E3E3; padding: 2px; }
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; margin-top: 15px; display: inline-block; }
#community-wrap .app-box-header { padding-left: 15px; height: 36px; position: relative; background: url(../images/app-box-header.png) no-repeat left top; }
/* To accomodate .app-box-menu */
#community-wrap .app-box-header .app-box-header { background-position: top right; padding: 0; padding-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 { font-weight: bold; line-height: 28px; /* Remove any inheritance from Joomla! template */
background: none; margin: 0; padding: 2px 0px 0px; }
#community-wrap .app-box-menus { position: absolute; top: 0; right: 0; margin: 8px; }
#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: 13px; width: 13px; 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: -13px 0; }
#community-wrap .app-box.collapse .app-box-menu.toggle .app-box-menu-icon { background-position: -26px 0; }
#community-wrap .app-box-content { margin: 5px 0; position: relative; }
#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 { border-top: 1px solid #ECEFF5; 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; }
/*******************************************************************************************/
#community-photo-walls-title { border-bottom: 1px dotted #CCCCCC; margin-bottom: 6px; }
body #community-wrap div.ctitle { font-weight: bold; margin-top: 14px; text-align: left; }
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; padding: 5px; }
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; }
#writeMessageContainer .inputbox { float: right; width: 290px; display: block; line-height: normal; }
/* SEND MESSAGE WINDOW STYLE */
/* ADD NEW FRIEND WINDOW STYLE */
#addFriendContainer { }
#addFriendContainer form#addfriend { position: relative; padding-left: 65px; margin: 5px 0; }
#addFriendContainer img.avatar { position: absolute; top: 0; left: 0; width: 50px; }
#addFriendContainer textarea.inputbox { width: 100%; height: 50px; padding: 1px 0; margin: 0; }
/** Message **/
body #community-wrap div.avatar { 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; 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:#EFE7B8; color:#CC0000; }
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; }
/* Jom Social Toolbar */
body #community-wrap #cToolbarNav, body #community-wrap #cToolbarNav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
body #community-wrap #cToolbarNav { height: 50px; margin: 0 0 15px; border-bottom:1px dotted #CCCCCC; }
body #community-wrap #cToolbarNavInner { height: 50px; }
body #community-wrap #cToolbarNav ul#cToolbarNavList { height: 50px; margin: 11px 0 0; float: left; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li { float: left; background: none; padding: 0; line-height: 27px; margin: 13px 0 0 3px !important; background: transparent url(../images/toolbar/toolbar-item-off-left.gif) no-repeat top left; list-style-position: outside; list-style-type: none; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li a { display: block; padding: 0 14px; color: #fff; text-decoration: none; background: transparent url(../images/toolbar/toolbar-item-off-right.gif) no-repeat top right; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li a:hover { color: #fff; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active { float: left; background: none; padding: 0; line-height: 27px; margin: 11px 0 0 3px; background: transparent url(../images/toolbar/toolbar-item-off-left.gif) no-repeat top left; font-weight: bold; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active a { display: block; color: #fff; text-decoration: none; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div { font-weight:normal; }
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: #fff; width: 90%; color:#1057AE; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a:hover { background: #fff; }
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; border: 1px solid #eee; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a { position: relative; display: block; float: left; margin: 0; padding: 5px 10px; width: 100%; white-space: nowrap; text-align: left; text-decoration: none; background: #fff; color: #1057AE; line-height: normal; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a:hover { color: #1057AE; text-decoration:underline; }
body #community-wrap #cToolbarNav div.toolbar-myname { float: right; height: 40px; line-height: 40px; font-weight: 700; margin-right: 20px; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a.has-separator { border-bottom: solid 1px #ccc; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a.has-separator { border-bottom: solid 1px #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; }
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; }
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; }
/** 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 15px; padding: 0 15px; 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; }
/** 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 { border: solid 1px #ccc; margin: 0 0 15px; }
body #community-wrap div.greybox div { border: solid 1px #fff; }
body #community-wrap div.greybox div div { border: none; background: #fff url(../images/greybox.gif) repeat-x top left; }
body #community-wrap div.greybox div div div { background: 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: 30px; 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; }
body #community-wrap div.greybox div div div.loginform { width: 200px; float: right; padding: 20px 15px 0px 30px; background: transparent url(../images/greybox-separator.gif) no-repeat top 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: 20px 0; }
body #community-wrap ul#featurelist li { font-size: 14px; color: #999; background: transparent url(../images/add-button.gif) no-repeat 0 0; line-height: 16px; height: 16px; font-weight: bold; margin: 0 0 5px !important; padding: 0 0 0 25px; }
body #community-wrap div.greybox a#joinButton { background: transparent url(../images/join-button-big-empty.gif) 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.gif) 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; font-size: 110%; font-weight: 700; line-height: 100%; }
#community-wrap .frontTitle_bg { background: url(../images/app-box-header.png) no-repeat left top; padding-left: 10px; margin: 15px 0px 5px; }
#community-wrap .frontTitle_bg .frontTitle_bg { background-position: right top; padding:0 10px 0 0; }
body #community-wrap div.rightColContainer { width: 235px; height: auto; float: right; }
body #community-wrap div.leftColContainer { margin-right: 255px; }
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; }
/* video list in frontpage */
body #community-wrap .frontpage .video-item { display: block; float: left; width: 50%; }
/** USER PROFILE **/
body #community-wrap #profile-header ul.actions { list-style: none; padding: 0; margin: 0; width: 33%; float: left; }
body #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; }
body #community-wrap #profile-header ul.actions li.profile { background: transparent url(../images/icon_10px.gif) no-repeat 0 0; }
body #community-wrap #profile-header ul.actions li.avatar { background: transparent url(../images/icon_10px.gif) no-repeat 0 -10px; }
body #community-wrap #profile-header ul.actions li.privacy { background: transparent url(../images/icon_10px.gif) no-repeat 0 -20px; }
body #community-wrap #profile-header ul.actions li.apps { background: transparent url(../images/icon_10px.gif) no-repeat 0 -30px; }
body #community-wrap #profile-header ul.actions li.group { background: transparent url(../images/icon_10px.gif) no-repeat 0 -40px; }
body #community-wrap #profile-header ul.actions li.photo { background: transparent url(../images/icon_10px.gif) no-repeat 0 -50px; }
body #community-wrap #profile-header ul.actions li.write { background: transparent url(../images/icon_10px.gif) no-repeat 0 -60px; }
body #community-wrap #profile-header ul.actions li.inbox { background: transparent url(../images/icon_10px.gif) no-repeat 0 -70px; }
body #community-wrap #profile-header ul.actions li.invite { background: transparent url(../images/icon_10px.gif) no-repeat 0 -80px; }
body #community-wrap #profile-header ul.actions li.video { background: transparent url(../images/icon_10px.gif) no-repeat 0 -90px; }
body #community-wrap div.mini-profile { 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 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%; }
/** Profile View **/
body #community-wrap div.profile-main { margin: 0 0 0 0; overflow: hidden; }
body #community-wrap .profile-right { float: right; width: 235px; /*160px*/ margin-left: 25px; /*15px*/ }
body #community-wrap ul.profile-right-info { margin: 10px 0 0; padding: 0; list-style: none; }
body #community-wrap ul.profile-right-info li { background: none; padding: 0; line-height: 130%; /*normal-arial*/ }
body #community-wrap ul.profile-right-info li.infoDesc { margin: 0 0 10px 0 !important; }
body #community-wrap div.profile-box { padding: 8px; border: solid 1px #ecebeb; margin: 0; background: #fff; }
body #community-wrap .profile-avatar { /*border: solid 5px #eee;*/ float: left; }
body #community-wrap div.profile-info { margin: 0 0 0 190px; }
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%; margin-bottom: 5px; }
body #community-wrap #profile-status-edit { float: right; font-size: 10px; width: 50px; text-align: right; cursor: pointer; }
body #community-wrap ul.profile-details { margin: 10px 0 0; padding: 0; }
body #community-wrap ul.profile-details li { width: 58%; background: none; padding: 0; display: inline; float: left; height: 25px; }
body #community-wrap ul.profile-details li.title { font-weight: 700; width: 38%; }
body #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;}
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 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; }
/** Profile Toolbox */
body #community-wrap div.profile-toolbox-bl { background: #eee url(../images/toolbar/profile-toolbar-bl.gif) no-repeat bottom left; margin: 0 0 10px; }
body #community-wrap div.profile-toolbox-br { background: transparent url(../images/toolbar/profile-toolbar-br.gif) no-repeat bottom right; }
body #community-wrap div.profile-toolbox-tl { background: transparent url(../images/toolbar/profile-toolbar-tl.gif) repeat-x top left; }
body #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; }
/* User Status Text at Profile Page */
body #community-wrap div.profile-toolbox-bl div.statustext { padding: 20px 0 10px; }
body #community-wrap div.profile-toolbox-bl div.statustext form#formstatustext { position: relative !important; padding: 2px 65px 0 100px !important; margin: 0 !important; display: block !important; }
body #community-wrap div.profile-toolbox-bl div.statustext #labelstatustext { background: transparent url(../images/statuslabel.gif) no-repeat scroll left top; display: block; width: 90px; height: 28px; margin: 0; color: #fff; font-weight: 700; line-height: 28px; text-transform: uppercase; text-align: center; position: absolute; top: 0; left: 0; }
body #community-wrap div.profile-toolbox-bl div.statustext #statustext { width: 100%; height: 16px; color: #999; font-size: 16px; line-height: 16px; margin: 0; }
body #community-wrap div.profile-toolbox-bl div.statustext #statustext.status-edit { color: #333; }
body #community-wrap div.profile-toolbox-bl div.statustext #save-status { display: block; background: #333; padding: 3px 10px; margin: 2px 0 0; border: 1px solid #666; color: #fff; font-size: 11px; font-weight: 700; text-decoration: none; position: absolute; top: 0; right: 0; }
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; }
body #community-wrap div.profile-toolbox-bl ul.updates { margin: 10px 0 0; padding: 0; list-style: none; }
body #community-wrap div.profile-toolbox-bl ul.updates li { background: none; padding: 0 5px; text-align: left; }
body #community-wrap div.profile-toolbox-bl ul.updates li.title { font-weight: 700; border-bottom: solid 1px #ccc; padding: 3px 5px; color: #900; }
body #community-wrap div.profile-toolbox-bl ul.updates li a { color: #666; text-decoration: none; }
body #community-wrap div.profile-toolbox-bl ul.updates li a:hover { text-decoration: underline; }
a.inbox { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -120px; padding: 0 0 0 22px; }
a.friend { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 0; padding: 0 0 0 22px; }
/** 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: 190px; }
#community-wrap .group-bottom .group-main { margin-right: 190px; }
#community-wrap .group-menus { /*border-bottom: 3px solid #789539;*/ 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: #444; padding: 3px 10px; color: #fff; margin: 0 0 0 2px; display: block; }
#community-wrap .group-menu.important a { background: #8B0000; }
#community-wrap .group-info { margin: 15px 0; }
#community-wrap .group-info .cparam { padding-left: 150px; position: relative; }
#community-wrap .group-info .clabel { width: 150px; font-weight: 700; position: absolute; top: 0; left: 0; }
#community-wrap .group-info .cdata { }
#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 { 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; }
/* PHOTO: ALBUM LIST ITEM Affected files: - templates/photos.myphotos.php */
body #community-wrap .albums { }
body #community-wrap .album { float: left; width: 48%; margin: 5px; border: 1px solid #eee; }
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: PHOTO LIST ITEM Affected files: - templates/photos.album.php */
body #community-wrap .photo-list-item { 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" */ }
/** FORM ELEMENTS **/
#writeMessageForm .receiverList #selections { width: 140px; }
#writeMessageForm textarea.inputbox { margin: 0; }
/** 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; }
/* 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; }
/* 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%; color: #323232; }
/* 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 { 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/delete.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 -375px; color: #f00; text-decoration: none; }
.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/icons-16x16.gif) no-repeat 0 -480px; }
.icon-removefeatured { background: transparent url(../images/icons/icons-16x16.gif) no-repeat 0 -501px; }
a.icon-report:hover { color: #f30; text-decoration: underline; }
.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; padding: 0 10px; height: 11px; border-bottom: 0; padding: 0 0 3px; font-size: 90%; margin: 0 0 10px; text-align: right; }
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: 0px; }
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: 110%; }
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 { 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 { margin: 0 0 20px; }
body #community-wrap div.greybox table td { vertical-align: top; }
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 { /* LEGACY:.video is now replaced with .video-item to avoid conflict.*/ float: left; width: 49%; }
body #community-wrap .video-item { float: left; width: 49%; }
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 inheritance from Joomla! template */margin: 0; padding: 0; }
body #community-wrap .video-description { /* Remove any possible
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; }
/* frontpage .video */
body #community-wrap .frontpage .video-item { float: none; width: auto; }
/* 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 { padding-top: 15px; }
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; /* 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%; }
/*******************************************************************************************/
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; }
body #community-wrap .pos-rel { position: relative; }
body #community-wrap div.error-box { border: 1px solid #FF0000; padding: 20px; background-color: #FFEAEA; }
/** Activity stream **/
body #community-wrap div.newsfeed-item { padding: 10px 0; margin: 0; border-bottom: 1px solid #eee; 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 { padding: 4px; background-color: #f6f6f6; margin-bottom: 1px; position: relative; padding-left: 40px; /* 32px avatar + 4px padding-left + 4px padding-right */ }
#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; }
#community-wrap #wall-message { display: block; height: 60px; }
textarea { height: 150px; width: 70%; }
.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! */ 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 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 { padding: 0px 2px 0px 2px; background:#f4f5f6; border: 1px dotted #aab4be; margin-top:10px; display:none; }
body #community-wrap div.filterlink a.popular-videos { border-right: none; }
div#cWindowContent ul.bookmarks-list { list-style: none; padding: 0; margin: 0; background: none; }
div#cWindowContent p { padding: 0; margin: 0; }
div#cWindowContent ul.bookmarks-list li { list-style: none; padding: 0; margin-bottom: 10px; background: none; float: left; width: 30%; }
div#cWindowContent ul.bookmarks-list li a { text-decoration: none; display: table-cell; line-height: 16px; }
div#cWindowContent ul.bookmarks-list li img { float: left; margin-right: 3px; }
div#cWindowContent input.bookmarks-email { width: 95%; }
div#cWindowContent textarea.bookmarks-message { width: 95%; height: 90px; }
/* Social Bookmark */
#community-wrap #social-bookmarks { text-align: right; margin: 0 0 10px; }
#community-wrap #social-bookmarks a { display: block; height: 16px; background: transparent url(../images/bookmark.jpg) no-repeat 0 0; width: 80px; float: right; }
/** catch this on yoothemes */
div#cWindowContent form div { margin: 0; }
div#cWindowContent .inputbox { background: #fff; }
body #community-wrap form div { margin: 0; }