/* Import default template CSS */

@import url("../../default/css/style.css");

body #community-wrap .infoTitle {  }

body #community-wrap .app-box-header
{
    border: 1px solid #DDDDDD;
    background: transparent url(/images/layout/menu_down.gif) repeat scroll 0 0;
    height: 25px;
}

body #community-wrap .app-box-title
{
    font-size: 110%;
    font-weight: bold;
    line-height: 20px;
    color: #945096;
    line-height: 23px;
}

body #community-wrap .app-box-menus
{
    margin: 4px;
    margin-right: 8px;
}

body #community-wrap .app-box-menu { margin-left: 3px; }

body #community-wrap .app-box-menu-icon { background-image: url(../images/app-box-menu-icon.png); }

body #community-wrap .app-box-content { margin: 5px; }

/* See all link style */

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

/* Frontpage */

body #community-wrap .frontpage { }

body #community-wrap .frontpage-right
{
    float: right;
    width: 338px;
}

body #community-wrap .frontpage-main { margin-right: 350px; }

/* Profile header styling */

body #community-wrap .profile
{
    padding-right: 190px;
    position: relative;
}

body #community-wrap .profile-main { }

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

body #community-wrap div.welcometext
{
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 10px 0 5px;
}

body #community-wrap #shoutout
{
    width: 100%;
    display: block;
}

body #community-wrap span#profile-status-message { }

body #community-wrap span#shoutedit
{
    width: 50px;
    float: right;
    display: block;
    cursor: pointer;
    background: transparent url(../images/edit_16.gif) no-repeat 0 0;
    margin: 15px 0 0 25px;
    padding: 0 0 0 18px;
    height: 16px;
    line-height: 14px;
    color:#945096;
}

body #community-wrap .statustext
{
    float: left;
    font-size: 1.2em;
    margin: 10px 0;
    width: 100%;
}

body #community-wrap span#shoutsave
{
    width: 40px;
    float: right;
    display: block;
    cursor: pointer;
    background: transparent url(../images/save_16.gif) no-repeat 0 0;
    margin: 10px 0 0;
    padding: 0 0 0 18px;
    height: 16px;
    line-height: 14px;
}

body #community-wrap span#shoutsave
{
    width: 40px;
    float: right;
    display: block;
    cursor: pointer;
    background: transparent url(../images/save_16.gif) no-repeat 0 0;
    margin: 15px 0 0 25px;
    padding: 0 0 0 18px;
    height: 16px;
    line-height: 14px;
}

body #community-wrap #my-profile-notification
{
   background:#F4EEFD none repeat scroll 0 0;
    border:1px solid #D7C1D8;
    color:#CF3738;
    margin:0 auto 10px;
    padding:10px;
    text-align:center;
}
}
body #community-wrap #my-profile-notification a
{
    color: #945096;
    margin: 0 10px;
    font-weight:bold;
}

body #community-wrap #profile-header { margin: 10px 0; }

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 25px;
    margin: 5px 3px 5px 0 !important;
    display: block;
    float: left;
    width: 85%;
    background: none;
    font-size: 90%;
    height: 20px;
    line-height: 20px;
    text-align: left;
}

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 -20px; }

body #community-wrap #profile-header ul.actions li.privacy { background: transparent url(../images/icon_10px.gif) no-repeat 0 -40px; }

body #community-wrap #profile-header ul.actions li.apps { background: transparent url(../images/icon_10px.gif) no-repeat 0 -60px; }

body #community-wrap #profile-header ul.actions li.group { background: transparent url(../images/icon_10px.gif) no-repeat 0 -80px; }

body #community-wrap #profile-header ul.actions li.photo { background: transparent url(../images/icon_10px.gif) no-repeat 0 -100px; }

body #community-wrap #profile-header ul.actions li.write { background: transparent url(../images/icon_10px.gif) no-repeat 0 -120px; }

body #community-wrap #profile-header ul.actions li.inbox { background: transparent url(../images/icon_10px.gif) no-repeat 0 -140px; }

body #community-wrap #profile-header ul.actions li.invite { background: transparent url(../images/icon_10px.gif) no-repeat 0 -160px; }

body #community-wrap .profile-avatar
{
    border:0px;
    float:left;
    margin-bottom:10px;
    padding:3px;
    width:174px;
}

body #community-wrap .profile-avatar img
{
    border: 7px solid #F4EEFD;
    width: 160px;
}

body #community-wrap div.ctitle
{
    border-bottom: 1px solid #ECEFF5;
    font-weight: bold;
    padding: 6px 0;
    margin-bottom: 6px;
    margin-top: 10px;
    color: #945096;
}

/*****************************************

 Jom Social Toolbar

 *****************************************/

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

body #community-wrap #cToolbarNav
{
    background: none;
    margin: 0 0 10px;
    height: 22px;
    border-bottom: solid 1px #c2cdde;
}

body #community-wrap #cToolbarNav ul#community-toolbar
{
    padding: 0;
    margin: 0 0 0 10px !important;
    float: left;
    height: 22px;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item
{
    background: none;
    line-height: 21px;
    padding: 0;
    margin: 0 0 0 3px !important;
    background: transparent;
    float: left;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item a
{
    display: block;
    padding: 0 15px;
    color: #945096;
    text-decoration: none;
    background: transparent url(/images/layout/menu_down.gif) repeat scroll 0 0;
    border: 1px solid #c2cdde;
    font-weight: bold;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item a.has-submenu
{
    background: transparent url(/images/layout/menu_down.gif) repeat scroll 0 0;
    padding: 0 23px 0 15px;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item a:hover { color: white;background:transparent url(/images/layout/menu_up.gif) repeat scroll 0 0; }

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item div
{
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: transparent;
    width: 150px;
    z-index: 10;
    border: solid 1px #c2cdde;
    border-top: 0;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item div a
{
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 2px 10px;
    width: 130px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #945198 none repeat scroll 0 0;
    border:0px;
    border-bottom:1px solid #713F74;
    color: white;
    font-weight: normal;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item div a:hover
{
    color: white;
    background: #713F74;
}

body #community-wrap #cToolbarNav div.toolbar-myname
{
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item div a.has-separator { border-bottom: solid 2px #713F74; }

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active
{
    float: left;
    background: none;
    padding: 0;
    line-height: 21px;
    background: #fff;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active a.has-submenu:link,
 body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active a.has-submenu:visited
{
  	color: white;background:transparent url(/images/layout/menu_up.gif) repeat scroll 0 0;
    padding: 0 23px 0 15px;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active a.has-submenu:hover
{
    color: white;background:transparent url(/images/layout/menu_up.gif) repeat scroll 0 0;
    padding: 0 23px 0 15px;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active a
{
    background: #945198 none repeat scroll 0 0;
    border-bottom: solid 1px #713F74;
    color: white;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active a:hover { background: #713F74; }

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active div a:link,
 body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active div a:visited
{
     border: 0;
    background: #945198 none repeat scroll 0 0;
    border-bottom: solid 1px #713F74;
    font-weight: normal; 
    border-right: solid 1px #d8dfea;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active div a:hover
{
    background: #713F74; 
    color: white;
}

body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-active div a.has-separator { border-bottom: solid 2px #c2cdde; }

body #community-wrap #cToolbarNav ul#community-toolbar li#toolbar-item-notify a
{
    background: #ffe2d2 url(../images/notify.gif) no-repeat 6px 3px;
    border: solid 1px #d2a78f;
    border-bottom: 0;
    padding: 0 10px 0 28px;
    color: #f00;
}

/*****************************************

 JUser Actions

 *****************************************/

body #community-wrap div.js-box-grey
{
    padding: 5px 10px;
    background: #eee;
    border-top: solid 1px #ccc;
    text-align: center;
}

body #community-wrap div.ccontent { padding: 6px; }

body #community-wrap ul.profile-right-info li.infoGroupTitle
{
    font-size: 120%;
    font-weight: bold;
}

body #community-wrap div.ctitle { margin: 0 0 10px; }

body #community-wrap .table-info td
{
border:1px solid #D7C1D8;
padding:0 0 5px;
}

body #community-wrap .table-info .number
{
    padding: 3px 0;
    font-size: 200%;
    line-height: 120%;
    font-weight: bold;
    text-align: center;
	color:#945096;
}

body #community-wrap .table-info .text
{
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    margin-top: -5px;
	color:#945096;
}

body #community-wrap .table-info a
{
    text-decoration: none;
    outline-style: none;
}

body #community-wrap .table-info a:hover .text { text-decoration:underline;}

body #community-wrap div.notice
{
    background: #F6F2F9;
    border: 2px solid #D3BEE2;
    color: #945096;
    text-align: center;
    margin: 10px 0;
}

.button
{
}

.button:hover,
.button:focus
{
	border:none;
}

/*

 * Profile Actions

 * .profile-actions, .profile-action

 *

 * Affected files:

 * - profile.header.php

 *

 */

 

body #community-wrap .profile-actions { /* Remove inheritance from Joomla! template */

	list-style: none; }

body #community-wrap .profile-action
{
    float: left;
    background: none;
}

/*

 * Groups

 *

 */

#community-wrap .group-top { }

#community-wrap .group-top .group-main
{
    margin: 0;
    margin-right: 185px;
}

#community-wrap .group-bottom .group-main
{
    margin: 0;
    margin-right: 185px;
}

#community-wrap .group-menus
{
    width: 100%;
    border-bottom: 1px solid #C2CDDE;
    list-style: none;
    display: block;
    float: left;
}

#community-wrap .group-menu
{
    background: none;
    margin: 0 0 0 3px;
    line-height: 100%;
    display: inline;
    float: right;
}

#community-wrap .group-menu a
{
    background-color:#EDDFEE;
	border-color:#E3CDE5;
	border-style:solid solid none;
	border-width:1px 1px 0;
	color:#8E5692;
	font-size:90%;
	margin:0 0 0 3px;
	padding:3px 10px;
	text-decoration:none;
}

#community-wrap .group-menu.important a
{
	background-color:#EDDFEE;
	border-color:#d4b2d7;
	border-style:solid solid none;
	border-width:2px 2px 0;
	color:#8E5692;
	font-size:90%;
	margin:0 0 0 3px;
	padding:3px 10px;
	text-decoration:none;
	font-weight:bold;
}

body #community-wrap div.newsfeed-content-hidden
{
    padding: 0px 2px 0px 2px;
    background:#f4f5f6;
    border: 1px dotted #aab4be;
    margin-top:10px;
    display:none;
}

/*

 ******************************************************************************

 * TinyMCE Fixes 

 */

body #community-wrap table.mceLayout { margin-bottom: 10px; }

body #community-wrap table.mceLayout tr td { padding: 0; }

body #community-wrap table.mceLayout tr.mceFirst td { padding-top: 2px; }

body #community-wrap .mceToolbar td,
 body #community-wrap table.mceLayout tr.mceLast td { padding: 0; }

body #community-wrap .defaultSkin .mceIframeContainer { border-right: 1px solid #ccc; }

body #community-wrap #cToolbarNav div.toolbar-myname
{
}
div.moduletable-flex{padding:0; margin:0 0 0px}
div.moduletable-flex div{margin-bottom:0px}
div.moduletable-flex h3{border:1px solid #DDD; margin:0; padding:5px 10px; color:#945096; font-size:120%; background:transparent url(/images/layout/menu_down.gif) repeat scroll 0 0; margin-bottom:5px}
body #community-wrap li.flexcontentitemtitle {
background:transparent url(/templates/ja_teline_ii/images/bullet.gif) no-repeat scroll 13px 7px;
display:table;
float:left;
line-height:160%;
min-width:100px;
padding-left:25px;
text-align:left;
width:290px;
}
