/* Адаптация Шаблона из Joomla в uCoz - Romkin © 2012 | Сайт проекта http://webstory.net.ru/
* Skype: djromkin
*/
#community-wrap:focus { outline-style:none }
/** 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 { }
body #community-wrap .hints,
body #cWindow .hints { font-style:italic; line-height:140% }
body .greybox #form-login { padding:16px; clear:both; background:#0d0d0d; }
/* table for form elements */
body #community-wrap .formtable,
body #cWindow .formtable { width:100%; clear:both }
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 **/
#community-wrap { display:inline-block; width:100%; position:relative; text-align:left; min-height:250px; min-width:650px }
#community-wrap hr { height:1px }
#community-wrap .clr,
#cWindowContent .clr { clear:both; height:0pt; overflow:hidden }
#community-wrap fieldset { overflow:hidden; border-left:outset }
#community-wrap legend { font-size:1.3em; color:#666; overflow:hidden }
#community-wrap img { background:none }
#community-wrap .albums img { background:none; margin:2px }
#community-wrap ul,
#community-wrap dl,
#community-wrap label,
#community-wrap li,
#community-wrap dd,
#community-wrap dt { margin:0; padding:0 }
body #community-wrap ul.pagination { margin:15px auto; padding:1px 8px }
body #community-wrap ul.pagination a { padding:0; }
body #community-wrap ul.pagination span,
body #community-wrap ul.pagination strong { padding:1px 8px }
/** 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:#767676; font-weight:700; border-bottom:1px dotted #2d2d2d }
#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 #313132 }
input.fullwidth,
textarea.fullwidth { width:98% }
/** custom textarea **/
body #community-wrap textarea.replybox { width:98%; height:115px; border:1px solid #212121; background:#0d0d0d; color:#767676 }
/** 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 dotted #2d2d2d; padding:8px }
body #community-wrap div.listing { border-top:1px dotted #2d2d2d; padding:8px }
body #community-wrap div.listing div.avatar { float:right; padding:2px }
#community-wrap img.avatar:hover { border:1px dotted #2d2d2d }
body #community-wrap div.avatar img,
img.avatar { border:1px dotted #2d2d2d }
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 }
#community-wrap .app-box-header { 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 { background:none repeat scroll 0 0 #FFAE00; color:#0D0D0D; float:left; font-size:150%; font-weight:bold; height:30px; line-height:30px; padding:0 8px; text-transform:uppercase; width:auto }
#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:url(../images/images/js_toggle.png) no-repeat -14px 0; height:7px; margin:5px 0 0 0; width:14px; line-height:0; display:block }
#community-wrap .app-box-menu-icon:focus { outline:none }
#community-wrap .collapse { border-bottom: 1px solid #ffae00; }
/* options menu */
#community-wrap .app-box-menu.options .app-box-menu-icon { background-position:-14px 0 }
/* toggle (expand/collapse) menu */
#community-wrap .app-box-menu.toggle .app-box-menu-icon { background-position:0 0 }
#community-wrap .app-box.collapse .app-box-menu.toggle .app-box-menu-icon { background-position:-14px 0 }
#community-wrap .app-box-content { margin:12px 0 0 0; padding:16px; position:relative; background:#0d0d0d; }
#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 dotted #2d2d2d }
#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 dotted #2d2d2d }
#community-wrap .app-box-action.no-border { border:none }
#community-wrap .app-box-action.active { font-weight:700 }
#community-wrap .app-box-footer { padding:0 16px 16px 16px!important; text-align:right; font-size:90%; background:#0d0d0d; }
#community-wrap .app-box-content .app-box-footer { padding:0!important; }
#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 { background:#454746; color:#0d0d0d; font-weight:bold; padding:0 3px; width:auto; float:left; margin-bottom:6px; margin-top:10px; text-align:left; font-size:11px; text-transform:uppercase; }
body #community-wrap #wallContent div.ctitle { float:none!important; }
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 }
body #community-wrap div.ccontent div.ccontent-min-height { height:40px; float:right; width:1px }
/* SEND MESSAGE WINDOW STYLE */
#writeMessageContainer { }
#writeMessageContainer .receiverContainer { padding:5px; }
/*
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 { 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 { }
body #community-wrap div.inbox-toolbar { background:#0d0d0d; padding:4px }
body #community-wrap div.inbox-toolbar a { color:#666; font-size:11px }
body #community-wrap div.inbox-read { padding:3px; border-bottom:solid 1px #313132; 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 #313132; 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 { float:left; width:100% }
body #community-wrap .bubble-content { background:#0d0d0d; 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 dotted #2d2d2d; border-top:3px dotted #2d2d2d; background-color:#E6C0C0; color:#C00 }
body #community-wrap div.warning { border-bottom:3px dotted #2d2d2d; border-top:3px dotted #2d2d2d; background-color:#EFE7B8; color:#C00 }
body #community-wrap div.info { border-bottom:3px dotted #2d2d2d; border-top:3px dotted #2d2d2d; background-color:#C3D2E5; color:#05B }
/** 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 **/
#community-wrap .cSubmenu { }
#community-wrap .cSubmenu { height:18px; background:#171717; color:#B7B7B7; font-size:90% !important; font-weight:bold; padding:10px; text-shadow:1px 1px 1px #000000; text-transform:uppercase; margin-bottom:10px; line-height:18px; }
#community-wrap .cSubmenu ul.submenu { list-style:none; margin:0; padding:0; height:18px }
#community-wrap .cSubmenu ul.submenu li { list-style-type:none; background:none; float:left; line-height:18px; font-weight:800; margin:0; padding:0 }
#community-wrap .cSubmenu ul.submenu li a { height:12px; padding:0 12px; border:none!important; text-decoration:none; color:#fff; 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 dotted #2d2d2d; padding:0 15px; text-decoration:underline; color:#ffae00 }
/** SUBMENU TOOLBAR **/
/*******************************************************************************************/
/*******************************************************************************************/
/** FRONTPAGE **/
.actor-link { width:100%; color:#a1a1a1; text-decoration:underline; }
.actor-link:hover { color:#ffae00; }
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.header_top { margin:0 0 16px 0; }
body #community-wrap div.greybox { padding:12px; overflow:hidden; background:#212121 }
body #community-wrap div.greybox div { }
body #community-wrap div.greybox div div { border:none }
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:32px; margin:0 0 12px; line-height:45px; text-transform: uppercase; background:#ffae00; color:#0d0d0d; height:45px; width:auto; padding: 0 10px; float:left; }
body #community-wrap div.greybox div div div h2 { background: #454746; color:#0D0D0D; float:left; font-size:150%; font-weight:bold; height:30px; line-height:30px; padding:0 8px; text-transform:uppercase; width:auto; margin:0 0 8px 0 }
body #community-wrap div.greybox div div div.introduction { margin:0; width:50%; float:left; }
body #community-wrap div.greybox div div div.loginform { width:48%; float:right; margin-top: 15px; }
body #community-wrap div.greybox div div div.loginform input.frontlogin { display:block; float:left; background:transparent url('../images/images/input.png') no-repeat 0 0; padding:0 8px; width:122px; height:26px; margin:0; border:none; color:#767676; }
body #cWindowContent ul#featurelist,
body #community-wrap ul#featurelist { list-style:none; margin:10px 0; clear:left; }
body #cWindowContent ul#featurelist li,
body #community-wrap ul#featurelist li { font-size:12px; color:#69696a; background:transparent url(../images/images/js_bullet.png) no-repeat 6px 10px; line-height:28px; height:28px; font-weight:bold; padding:0 0 0 25px; border-top:1px solid #414142; }
body #cWindowContent ul#featurelist li:first-child,
body #community-wrap ul#featurelist li:first-child { border-top:none; }
body #cWindowContent #joinbutton2,
body #community-wrap div.greybox div.joinbutton { clear:left; }
body #cWindowContent a#joinButton2,
body #community-wrap div.greybox a#joinButton { width:278px; height:49px; background:#0d0d0d; display:block; outline:none; font-size:19px; font-weight:700; line-height:46px; text-align:center; color:#ccc; margin:0 auto; text-decoration:none }
body #cWindowContent a#joinButton2{line-height:30px!important;font-size:16px!important;height:30px!important;}
body #cWindowContent a#joinButton2:hover,
body #community-wrap div.greybox a#joinButton:hover { text-decoration:none; color:#0d0d0d; background:#ffae00; }
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; margin:5px 3px 5px 0 !important; display:block; float:left; width:85%; background:none; font-size:90%; line-height:15px; text-align:left; border:0 }
#community-wrap #profile-header ul.actions a,
#community-wrap #profile-header ul.actions a:hover { font-size:100% !important }
#community-wrap .js-box-grey { padding:0 20px 15px 20px }
#community-wrap div.mini-profile { padding:10px 0; margin:0 0 5px; position:relative; border-bottom:1px dotted #2d2d2d; }
body #community-wrap div.mini-profile-avatar { float:left; padding:0 }
body #community-wrap div.mini-profile-details { margin:0 10px 0 80px; }
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; position:relative; z-index:100 }
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% }
#cWindow div.mini-profile table,
#cWindow div.mini-profile table td { vertical-align:top !important }
/**
* Application listing
*/
#community-wrap .app-item { padding:10px 0; margin:0 0 5px; 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:#fff; text-transform:uppercase; background:#0d0d0d; text-decoration:none; }
#community-wrap .app-item .added-button:hover { background:#ffae00; color:#0d0d0d }
#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; text-decoration:none; }
#community-wrap .app-item .remove-button:hover { border:solid 1px #313132; 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 0 100px }
#community-wrap .app-item.dragHandle .app-item-description { margin:0 20px 15px 100px }
#community-wrap .app-item.dragHandle h3 { margin:0 20px 0 100px }
#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:#ccc; font-size:90%; margin:0 0 10px }
#community-wrap dl.profile-right-info dd a { text-decoration:none }
body #community-wrap div.profile-box { padding:12px; margin:0; background:#212121; }
body #community-wrap .profile-avatar { vertical-align:top; float:left; margin:0; padding:0 }
body #community-wrap .profile-avatar img { border:solid 5px #313132 }
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*/ margin:0; 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 #313132 }
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:0; padding:0;width:99%;}
#community-wrap ul.profile-details li { background:none; line-height:normal; padding:0; float:left; width:70%; margin:-15px 0 0 28%; }
#community-wrap ul.profile-details li.title { font-weight:bold; margin:3% 0 0 0; color: #fff; width:27%;float:left;}
#community-wrap ul.profile-details li.karma{margin-top:-21px;position:relative;top:4px;}
#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 { background:#0d0d0d; 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; margin:8px 15px 0 0 }
/** Profile Toolbox */
#community-wrap div.profile-toolbox-bl { margin:0 0 10px }
#community-wrap div.profile-toolbox-br { }
#community-wrap div.profile-toolbox-tl { padding:10px; background: #0d0d0d; }
#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 10px }
body #community-wrap #profile-new-status label { font-weight:bold; font-size:120% }
body #community-wrap #profile-new-status textarea#statustext,
body #community-wrap #profile-new-status.inactive textarea#statustext,
body #community-wrap #profile-new-status.inactive textarea#statustext:focus { background:#0d0d0d!important; border:1px solid #313132!important; color:#767676!important }
body #community-wrap #profile-new-status.inactive #save-status { display:none }
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 #313132; 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 #313132; 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 { 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 }
/** 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 #313132; 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 dotted #2d2d2d; margin:0 0 10px }
div.community-groups-right div.heading { font-weight:700; font-size:12px; background-color:#F4F4F4; border:1px dotted #2d2d2d; 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 #FFAE00; 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:#0d0d0d; padding:7px 10px; color:#696969; margin:0 0 0 2px; display:block; text-transform: uppercase; font-weight: bold;font-size:11px !important; line-height:13px !important }
#community-wrap .group-menu a:hover {background:#FFAE00; color: #0d0d0d;}
#community-wrap .group-menu.important { border:none !important }
#community-wrap .group-menu.important a { background:#8B0000; color: #fff;}
#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-size:11px; font-weight:700; position:absolute; top:0; left:0 }
#community-wrap .group-info .cdata { font-size:11px }
#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 { padding:15px; margin:15px 0;background: #0d0d0d; }
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 }
#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 { float:left; width:48%; min-height:95px; height:auto !important; height:120px; /* 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 { 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 dotted #2d2d2d; padding:3px; margin:0 !important; /* Prevent margin inheritance from ".jomTips img"*/ }
/** PHOTO:PHOTO LIST ITEM **/
/*******************************************************************************************/
/** FORM ELEMENTS **/
#writeMessageForm .receiverList #selections { width:140px }
#writeMessageForm textarea.inputbox { margin:0 }
#writeMessageForm td { vertical-align:top }
/** 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 {margin:-18px 0 0 -14px }
body #cWindowContent .blockUnregister div.message { background:#0d0d0d; border:solid 2px #313132; padding:5px 10px; color:#ffae00; margin:0 4px 0 0!important;}
body #cWindowContent .blockUnregister h3 { font-size:15px; color:#767676; 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 { padding-left:0!important }
body #cWindowContent .blockUnregister #form-login{padding:0 16px 0 0;}
/* blockUnregister */
/**
* 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; display:inline }
.icon-waitingapproval { line-height:15px; margin:10px 10px 0 0; padding:3px; color:#666 }
.paramlist_key label.jomTips { 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 #313132; 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 #313132 }
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:-10px 0 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 { color:#ffae00; }
/* 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 #community-wrap div.greybox table { margin:0 0 25px }
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 #CCC }
body #community-wrap .video-item { float:left; width:50% }
body #community-wrap #latest-videos .video-item,
body #community-wrap #community-group-videos .video-item { float:none; width:auto }
body #community-wrap .video-items:first-child { border-top:none!important; }
body #community-wrap .video-items { border-top:1px dotted #212121!important; }
body #community-wrap .video-item .video-item { position:relative; float:none; width:auto }
body #community-wrap .video-thumb { float:left; padding:8px 8px 8px 0; /* 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 .jomTips 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:12px 0 0 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; right: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 dotted #2d2d2d }
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 dotted #2d2d2d; 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 { height:18px; background:#171717; color:#B7B7B7; font-size:90% !important; font-weight:bold; padding:10px; text-shadow:1px 1px 1px #000000; text-transform:uppercase; margin-bottom:10px; line-height:18px; }
body #community-wrap #community-admin-wrapper #community-admin-controls li { line-height:18px; display:inline; padding:0 10px 0 20px }
body #community-wrap #community-admin-wrapper #community-admin-controls li a span { }
body #community-wrap .pos-rel { position:relative }
body #community-wrap div.error-box { border:1px solid #F00; padding:20px; background-color:#313132 }
/** Activity stream **/
#activity-stream-container { margin-bottom:20px; background:#0d0d0d; padding: 8px 16px 16px 16px; }
#activity-stream-nav { background:#0d0d0d; padding:16px 16px 0 16px!important; margin:0!important; overflow:hidden; height:auto!important; }
body #community-wrap .newsfeed-item { padding:2px 0; margin:0; border-bottom:1px dotted #2d2d2d; position:relative; overflow:hidden; display:block; clear:left; }
/** 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-coc-form textarea { float:left }
#community-wrap #wall-message { display:block; height:110px; /* Explicitly defined to fix a strange IE error where whenever the padding is returned as undefined, joms.utils.autogrow breaks */ padding:4px }
textarea { height:150px; width:70% }
.denied-box { padding:15px; border:1px dotted #2d2d2d; background:url(../images/greybox.gif) repeat-x top left }
/*******************************************************************************************/
/** cFilterBar **/
/*
* Affected files:
* - libraries/filterbar.php
*
*/
body #community-wrap #cFilterBar { position:relative; margin-bottom:10px; width:auto; float:left; }
body #community-wrap #cFilterBar .filterGroup { border:none; padding:4px 6px }
body #community-wrap #cFilterBar .filterGroup#cFilterType_Sort { text-align:right; border: 1px dotted #3d3d3d; margin-right: 20px;}
body #community-wrap #cFilterBar .filterGroup#cFilterType_Filter { }
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:0 10px; border-left: 1px dotted #3d3d3d; }
body #community-wrap #cFilterBar .active { font-weight:bold }
/*******************************************************************************************/
#community-wrap .group-discussion { }
#community-wrap .group-discussion+.group-discussion { border-top:1px dotted #2d2d2d }
#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.featured-items img.avatar { float:none; width:64px; height:64px; display:block; margin:0 auto }
body #community-wrap div.empty-message { text-align:center; padding:30px; border:solid 2px #212121; background:#0d0d0d; margin:20px 0; font-size:110%; color:#ffae00; font-weight:700 }
body #community-wrap div.newsfeed-item div.newsfeed-content-hidden { padding:6px; 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; margin-left:0; 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 dotted #2d2d2d }
/*
******************************************************************************
* Other Fixes
*/
/** catch this on yoothemes */
div#cWindowContent form div { margin:0 }
div#cWindowContent .inputbox,
div#cWindowContent .inputbox:focus { background:#0d0d0d; border:1px solid #4d4d4d; }
body #community-wrap form div { margin:0 }
/** catch this on ja_purity */
#community-wrap .radio { padding:0; margin:0 }
#community-wrap .clrfix { clear:none }
#community-wrap .clrfix:after { display:block; visibility:hidden; clear:both; height:0; content:""; font-size:0 }
#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 #313131; 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 { list-style:none }
#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:4px 10px; position:absolute; right:0; top:7px; font-size:85%; font-weight:700; text-transform:uppercase; background:#ffae00; color:#0d0d0d; }
/*******************************************************************************************/
/** SUBMENU TOOLBAR **/
#community-wrap .submenu-l { background:transparent url(../images/submenu.bg.png) no-repeat 0 0; height:26px; margin:0 0 20px; padding-left:5px }
#community-wrap .submenu-r { background:transparent url(../images/submenu.bg.png) no-repeat 100% 0; height:26px }
#community-wrap .submenu-l .submenu-r ul.submenu { height:26px; list-style:none; margin:0; padding:0 }
#community-wrap .submenu-l .submenu-r ul.submenu li { background:none; float:left; font-weight:800; line-height:26px; list-style-type:none; margin:0; padding:0 }
#community-wrap ul.submenu li a { font-size:90%; height:12px; padding:0 15px; text-decoration:none }
#community-wrap ul.submenu li a.active:link,
#community-wrap ul.submenu li a.active:visited,
#community-wrap ul.submenu li a.active:hover { border-right:1px dotted #2d2d2d; height:12px; padding:0 15px; text-decoration:underline }
/**
* Base 2 column layout
* Fix width for sidebar &fluid for main section
*/
#community-wrap .cLayout { position:relative; width:100% }
#community-wrap .cLayout .cMain { margin-right:36% }
#community-wrap .cLayout .cSidebar { width:34%; float:right }
/**
* Sidebar module
*/
#community-wrap .cModule { margin-bottom:20px; position:relative }
#community-wrap .cSidebar>h3,
#community-wrap .cModule h3 { margin:0 0 10px 0; width:100%; clear:both; overflow:hidden }
#community-wrap .cSidebar>h3 span,
#community-wrap .cModule h3 span { background:none repeat scroll 0 0 #FFAE00; color:#0D0D0D; float:left; font-size:120%; font-weight:bold; height:30px; line-height:30px; padding:0 8px; text-transform:uppercase; width:auto }
#community-wrap .cModule fieldset { background:none; border:0; padding:0; margin:0 }
/**
* Searchbox
*/
#community-wrap .cModule.searchbox { }
#community-wrap #cFormSearch .fieldset { padding:10px 0 0 0 }
#community-wrap .cModule.searchbox .input_wrap { width:auto; float:left; }
#community-wrap .cModule.searchbox .inputbox { display:block; float:left; background:transparent url('../images/images/input.png') no-repeat 0 0; padding:0 8px; width:122px; height:26px; margin:0; border:none; color:#767676; }
#community-wrap .cModule.searchbox .inputbox:focus { }
#community-wrap .cModule.searchbox .search_button { display:block; float:left; padding:0 0 0 10px; background: transparent url('../images/images/btn_left.png') no-repeat left 0; height:26px; }
#community-wrap .cModule.searchbox .search_button span { display:block; float:left; padding:0 10px 5px 0; background: transparent url('../images/images/btn_right.png') no-repeat right 0; height:26px; color:#0d0d0d; border:none; margin:0; font-weight:bold }
#community-wrap .cModule.searchbox .search_button:hover span { color:#fff }
#community-wrap .cModule.searchbox .small { text-align:left; padding:5px 0 0 0; clear:both; }
/**
* 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 5px 5px!important; 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 #313132; color:#666; font-size:90%; padding:2px 5px; text-decoration:none }
#community-wrap .cDetailList .cActivityAction a:hover { background:#fcc; border:solid 1px #313132; 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; }
#community-wrap .cModule.latest-groups li.featured .title { font-size:150%; padding:5px 0; margin:4px 0 0 0 }
#community-wrap .cModule.latest-groups li.featured .desc-details { padding:5px 0 20px }
/**
* Photo uploader
*/
div#community-wrap #photoupload-container div.upload-form { border:1px dotted #2d2d2d; 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 { position:absolute; right:16px; width:auto; }
#community-wrap .editprofilelink:hover { background-position:0 -12px }
/** fix rt_affinity */
#body #community-wrap .leftColContainer { overflow:hidden }
/** To integrate RT Input Styling **/
html #community-wrap .rokradios,
html #community-wrap .rokchecks { cursor:pointer; -moz-user-select:none }
html #community-wrap .rokradios input,
html #community-wrap .rokchecks input { position:relative !important; left:auto !important; visibility:hidden !important; z-index:-9999px !important }
html #community-wrap .formtable .value .rokradios,
html #community-wrap .formtable .value .rokchecks { padding:3px 5px 3px 22px !important }
#community-wrap .moduletable { padding:0 !important; background:none !important }
.jsModulePosition { background:#CCC; height:80px; line-height:80px; font-family:Consolas; font-size:14px; font-style:italic; font-weight:bold; color:#222; text-align:center }
.jsModulePosition#js_profile_side_top { height:80px; line-height:80px }
/**
* 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 10px }
body #community-wrap #cToolbarNavInner { height:50px }
body #community-wrap #cToolbarNav ul#cToolbarNavList { height:50px; padding:0 0 0 10px; margin:11px 0 0; float:left }
body #community-wrap #cToolbarNav ul#cToolbarNavList li { float:left; padding:0; line-height:27px; margin:11px 0 0 3px !important; list-style-position:outside; list-style-type:none; overflow:visible; /* Fixes templates with overflow:hidden on
,e.g. JA_Seleni */ }
body #community-wrap #cToolbarNav ul#cToolbarNavList li a { display:block; padding:0 14px; color:#fff; text-decoration:none; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li a:hover { color:#fff }
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; color:#fff; text-decoration:none; }
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,
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a:link,
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a:visited { width:90%; line-height:28px!important; }
body #community-wrap #cToolbarNav ul#cToolbarNavList li.toolbar-active div a:hover { }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div { position:absolute; visibility:hidden; margin:3px 0 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; padding:5px 10px; width:100%; white-space:nowrap; text-align:left; text-decoration:none; background:#444; color:#fff; border-bottom:solid 1px #313132; line-height:normal }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a:hover { background:#555; color:#fff }
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 3px #313132 }
body #community-wrap #cToolbarNav ul#cToolbarNavList li div a.has-separator { border-bottom:solid 3px #313132 }
body #community-wrap #cToolbarNav ul#cToolbarNavList li#toolbar-item-notify { }
body #community-wrap #cToolbarNav ul#cToolbarNavList li#toolbar-item-notify a { color:#0d0d0d!important }
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:#FFF }
/**
* Jom Social Toolbar
*/
/**
* New toolbar styling
*/
#community-wrap .cToolbar { height:50px; padding-left:10px; margin-bottom:10px }
/* 1.5 Compatibility. Remove when not used */
body #community-wrap .cToolbar#cToolbarNav { height:50px !important; margin-bottom:10px !important; line-height: normal !important }
#community-wrap .cToolbar .cToolbar { height:40px; padding:10px 0 0; margin:0 }
/* 1.5 Compatibility. Remove when not used */
body #community-wrap .cToolbar#cToolbarNav .cToolbar { background-position:100% 0 !important; height:40px !important; padding:10px 0 0 !important; margin:0 !important }
#community-wrap .cToolbar ul { list-style:none }
/* 1.5 Compatibility. Remove when not used */
body #community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList { float:none !important; height:28px !important; margin:0 !important; padding:0 !important; line-height:normal !important; border-bottom:3px solid #ffae00; }
#community-wrap .cToolbar ul div,
#community-wrap .cToolbar ul li div,
#community-wrap .cToolbar ul li div a { line-height:20px; }
#community-wrap .cToolbar ul li { float:left; padding:0 0 0 12px; margin-right:3px; position:relative }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li { float:left !important; padding:0 0 0 12px !important; margin: 0 !important; margin-right:3px !important; position:relative !important; line-height: normal !important; background:#0d0d0d; color:#696969; font-weight:bold; font-size:11px; text-transform:uppercase; }
#community-wrap .cToolbar ul li a { color:#fff; display:block; line-height:28px; padding:0 12px 0 0; text-decoration:none }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li a { color:#696969; display:block !important; line-height:28px !important; padding:0 12px 0 0 !important; text-decoration:none !important }
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li div a { line-height:22px !important; }
#community-wrap .cToolbar ul li a:focus { outline-style:none }
#community-wrap .cToolbar ul li.toolbar-active { background:#ffae00!important; color:#0d0d0d!important; }
#community-wrap .cToolbar ul li.toolbar-active a { color:#0d0d0d!important; }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li.toolbar-active { }
#community-wrap .cToolbar ul li.toolbar-active a { }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li.toolbar-active a { }
/** this is for logout link **/
#community-wrap .cToolbar ul li#toolbar-item-logout,
#community-wrap .cToolbar ul li#toolbar-item-logout a { color:#333; background:none; padding:1px 5px; margin:0; height:auto; line-height:normal; float:right }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li#toolbar-item-logout,
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li#toolbar-item-logout a { background:none !important; padding:1px 5px !important; margin:0 !important; height:auto !important; line-height:normal !important; float:right !important }
#community-wrap .cToolbar ul li#toolbar-item-logout a:hover { text-decoration:underline }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li#toolbar-item-logout a:hover { }
#community-wrap .cToolbar ul li#toolbar-item-notify { background-position:0 -134px; padding-left:20px }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li#toolbar-item-notify { background-color:#ffae00; }
#community-wrap .cToolbar ul li#toolbar-item-notify a { background-position:100% -134px }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li#toolbar-item-notify a { background-position:100% -134px !important }
#community-wrap .cToolbar ul li#toolbar-item-notify a span { margin-top:-2px; padding:0 5px }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li#toolbar-item-notify a span { margin-top:-2px !important; padding:0 5px !important; display: inline !important; font-size: inherit !important; color: inherit !important; height: auto !important; line-height: 28px !important }
/** 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:180px; background:none }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList div { position:absolute !important; z-index:99999 !important; /* make sure it always on top of everything */ left:0 !important; width:180px !important; background:none !important }
#community-wrap .cToolbar ul li div a { background:#444; padding:2px 10px; border-bottom:solid 1px #313132 }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li div a { background:#0d0d0d !important; padding:2px 10px !important; border-bottom:solid 1px #191919 !important }
#community-wrap .cToolbar ul li div a:hover { color: #fff!important; }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li div a:hover {}
#community-wrap .cToolbar ul li div a.has-separator { border-bottom:solid 2px #19919 }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar ul li.toolbar-active div a { background:#789539; border-bottom:solid 1px #191919;line-height:22px!important; }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li.toolbar-active div a { background:#ffae00 !important; border-bottom:solid 1px #FFBF00 !important }
#community-wrap .cToolbar ul li.toolbar-active div a.has-separator { border-bottom:solid 2px #191919 }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li.toolbar-active div a.has-separator { }
#community-wrap .cToolbar ul li.toolbar-active div a:hover { background:#ffea00 }
/* 1.5 Compatibility. Remove when not used */
#community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li.toolbar-active div a:hover { color: #fff!important;}
#community-wrap div.filterlink a.p-active-profile-activity { border:none }
body #community-wrap .inbox-read td,
body #community-wrap .inbox-unread td { vertical-align:middle }
/* Gavick classes */
#latest-members-nav,
#latest-videos-nav { margin:10px 0!important; height:16px!important; line-height:16px!important; text-align:left!important; }
.newest-member { padding:0 10px 0 5px!important; }
#community-wrap .componentheading { font-size:24px; height:32px; line-height:32px; }
#community-wrap div.login_btn { display:block; float:left; padding:0 0 0 10px; background: transparent url('../images/images/btn_left.png') no-repeat left 0!important; height:26px; margin:0 0 0 10px; }
#community-wrap div.login_btn input,
#community-wrap div.login_btn input:hover { display:block; float:left; padding:0 10px 5px 0; background: transparent url('../images/images/btn_right.png') no-repeat right 0; height:26px; color:#0d0d0d; border:none; margin:0; font-weight:bold; }
#community-wrap div.login_btn input:hover { color:#fff; }
#community-wrap div.login_links { clear:both; font-size:85%; padding:10px 0 0 0; }
#community-wrap #remember { margin:5px 6px 0 10px; }
#community-wrap span.newsfeed-date { color:#414142; }
#community-wrap .ccontentTable { clear:both; }
#community-wrap .inputbox,
#community-wrap select,
#community-wrap #video-permalink { background-color:#2D2D2D; border:1px solid #4D4D4D; color:#999999; }
#community-wrap .ctitle + p,
#community-wrap .ctitle + ul,
#community-wrap .ctitle + div { clear:left; }
#community-wrap .cFilterBar + div { clear:left; }
#community-wrap .js_module { padding:16px; background:#0d0d0d }
div.mini-profile a { color:#aaa; }
#cWindowAction .button { background:#0d0d0d!important; border:none!important; color:#fff; cursor:pointer; font-size:80%; font-weight:bold; padding:5px 7px; text-transform:uppercase; }
#cWindowAction .button:hover { background:#ffae00!important; color:#0d0d0d; border:none!important; }
#activityLimit { border:1px solid #212121; background:#0d0d0d; color:#767676 }
/* popup styling */
#cWindow #cwin_tl,
#cWindow #cwin_tr,
#cWindow #cwin_bl,
#cWindow #cwin_br { background:none!important; }
#cWindow #cwin_tm { background:transparent url('../images/images/header_top.png') no-repeat right bottom!important; }
#cWindow #cwin_ml { background:transparent url('../images/images/header_left.png') no-repeat right top!important; }
#cWindow #cwin_mr { background:transparent url('../images/images/header_right.png') no-repeat left bottom!important; }
#cWindow #cwin_bm { background:transparent url('../images/images/header_bottom.png') no-repeat left top!important; }
#cWindowContentWrap { background:#2d2d2d!important; }
#cWindowContentOuter { background:#0d0d0d!important; }
#cWindowContentTop,
#cWindowAction { background-color:#1d1d1d!important; }
#cWindow.dialog #cwin_close_btn:link,
#cWindow.dialog #cwin_close_btn:visited { background-color:transparent!important; }
/* tooltips styling */
.qtip-tip canvas,
.qtip-borderTop div canvas,
.qtip-borderBottom div canvas { display:none!important; width:0!important; }
.qtip-borderTop div.qtip-betweenCorners { padding:0 5px!important; background:transparent url('../images/images/header_top.png') no-repeat right top!important; }
.qtip-borderBottom div.qtip-betweenCorners { padding:0 5px!important; background:transparent url('../images/images/header_bottom.png') no-repeat left bottom!important; }
.qtip-contentWrapper { border:5px solid #0d0d0d!important; }
.qtip-content { background:#212121!important; color:#767676!important; }
.qtip-content hr { display:none!important; }