
.profile_container_left     {   width:165px;    float:left;    }
.profile_container_right    {   width:475px;    float:right;   padding-left:10px;   }

.profile    h1 {	font-size: 22px;   color:#404040;      margin:30px 0  5px 0;	font-family: Arial, Helvetica, sans-serif;    color:#373737; }
.profile    h2 {	font-size: 16px;   color:#404040;      margin:30px 0 10px 0;    font-family: Arial, Helvetica, sans-serif;   padding-bottom:5px;    border-bottom: 2px solid #E5FFC1;   color:#656565; }
.profile    h3 {	font-size: 13px;   color:#404040;      margin:20px 0 10px 0; 	font-family: Arial, Helvetica, sans-serif; }

.profile_status             {	font-size: 16px;     color:#8C8C8C; }
.profile_status_info        {	color: #f00; width: 400px; padding: 10px; margin: 5px 0 5px 0; border:1px dashed #FFBA76; display: none; }
.profile_image              {   text-align:center;   margin: 5px auto;   padding:2px;    border:1px solid #C0C0C0;      }
.lastfm_embed               {	padding:2px; margin: 5px 0;   border: 1px solid #E2E2E2;  font-size: 10px;     color:#8C8C8C; }
.profile_community_log_date {	font-size: 10px;     color:#8C8C8C; }

.profile_options .header     {  margin:0 auto;             padding: 3px 3px;   border: 1px solid #ECECEC;     background-color:#E2E2E2; color:#808080;    font-weight: bold;  }
.profile_options .body       {  margin:0 auto 5px auto;    padding: 3px;       border: 1px solid #ECECEC;     background-color:#F8F8F8; }

.profile_options ul         {   text-align:left;    padding: 0; margin:0;		list-style-type: none; border:1px solid #CCCCCC;   background-color:#FFF;	}
.profile_options ul a		{	padding:2px 0 2px 6px;     width:145px;	display:block;     text-decoration:none;   font-size:11px; color:#404040; border-bottom: 1px solid #E5E5E5;  border-top: 1px solid #FFFFFF;   border-left: 1px solid #FFFFFF;    border-right: 1px solid #FFFFFF;    }
.profile_options ul img		{	margin-right:5px;  }
.profile_options ul a:hover {	border: 1px solid #4BD400;  background-color:#E5FFC1;   text-decoration:none;	}
.profile_options ul a.active{ 	}

.profile_details            {   width:100%; }
.profile_details tr.even    {   background-color:#F8F8F8; }
.profile_details td         {   padding: 5px;    border-bottom:1px solid #E2E2E2;    }
.profile_details td.label   {   width:130px; color:#808080;   }
.profile_details td.value   {   }



.user                           { float:left; text-align:center;  margin:10px; padding:5px;     line-height:normal; }
.user   img.user_thumb          { width:75px; height:75px; padding:2px; }
.user a							{ cursor:pointer; }
.user a img.user_thumb          { border:1px solid #FFFFFF; }
.user a:hover img.user_thumb    { border:1px solid #C0C0C0; }
.user .user_options             { padding:2px 0 0 0; }
.user .user_options a       img { border:1px solid #FFFFFF; padding:1px; }
.user .user_options a:hover img { border:1px solid #C0C0C0; }
.user .user_name                { padding:2px 0 2px 0; }
.user .user_status              { font-size:9px; color:#9A9A9A; }



.messages                   {   width:100%; background-color:#FFFFFF;   border: 1px solid #E2E2E2; color:#ABABAB;   color:#7B7B7B;    font-size:11px;   }
.messages  tr.header        {   font-weight:bold;   background-color:#656565;  color:#FFFFFF;  }
.messages  tr.header td     {   padding:4px;    height:16px;  }
.messages  tr.odd           {   background-color:#F6FAF9;  }
.messages  td               {   padding: 2px;   height:28px;  border: 1px solid #CFE1E7;   border-left:0;  border-right:0; vertical-align:middle;  line-height:14px;    }
.messages  td.from          {   width:130px;        }
.messages  td.subject a     {   font-size:12px;     }
.messages  td.icon          {   width:15px; background-position: 3px 6px; background-repeat: no-repeat;    }
/* messages unread */
.messages  tr.unread            {   font-weight:bold;     }
.messages  tr.unread  td.icon   {   background-image: url('/mods/cms/public/images/community/icons/message_unread.gif');  }
/* messages read */
.messages  tr.read td.date      {   color:#ABABAB;     }
.messages  tr.read td.icon      {   background-image: url('/mods/cms/public/images/community/icons/message_read.gif');    }
.messages  tr.read a            {   text-decoration:none;        }
.messages  tr.read td.from a    {   color:#ABABAB;     }

.message_view_header     {   padding: 3px;   font-size:11px;   background-color:#EEEEEE;    color:#7D7D7D;   border: 1px solid #E2E2E2;    }
.message_view_header td  {   padding: 2px 10px 2px 0; }
.message_view_header td.label  {   font-weight:bold; }
.message_view_topic      {   padding: 3px;   border: 1px solid #E2E2E2;  /*background-color:;*/   }
.message_view_content    {   padding: 6px;   border: 1px solid #808080;  margin-bottom:10px;     font-family: Courier, "Courier New"; min-height:200px;  }

.message_new                {  width:100%;  border: 2px solid #DBDBDB;  font-size:11px;    }
.message_new    input       {   width:350px;    border:0;   }
.message_new    textarea    {   width:450px;    height:250px;   border:0;     }
.message_new    td          {  padding:4px;    vertical-align:middle;  border: 1px solid #DBDBDB;     }
.message_new    label       {  width:60px;     }
.message_new    td.label    {  background-color:#EEEEEE;     }
.message_new    .checkbox   {   width:20px; }


.group_header       {   padding:2px;    min-height:100px;	height:auto !important;	height:100px;     border-bottom:1px solid #E2E2E2;    background: #FFFFFF url('/mods/cms/public/images/community/bg_group_header.gif') bottom left repeat-x;         }
.group_image        {   width:100px;    height:100px;   float:left; }
.group_description  {   margin-left:110px;    }
.group_description p{   color:#808080;  line-height:16px;    }
.group_options      {   padding:8px 4px;        color:#C0C0C0;      border-bottom:1px solid #C0C0C0;    margin-bottom:20px;     }
.group_options  a   {   font-weight:bold;   }

.group_details            {   width:500px;  font-size:11px; color:#5B5B5B;  border:1px solid #E2E2E2;   margin:10px 0 0 0; }
.group_details tr.odd     {   background-color:#F8F8F8; }
.group_details td         {   padding: 3px;    border-bottom:1px solid #E2E2E2;    }
.group_details td.label   {   width:130px; color:#808080;   }
.group_details td.value   {   border-right: 1px solid #E2E2E2;  }

.forum_options          {   width:100%; margin: 5px 0;  }
.forum_options  td      {   padding:4px;    color:#808080; }
.forum_options  td a    {   font-weight:bold;   text-decoration:underline;  padding:4px;  border:1px solid #C0C0C0; }

.forum              {   width:100%; background-color:#FFFFFF;   border: 1px solid #E2E2E2; color:#4F4F4F;   color:#828282;    text-align:center;  font-size:11px;   }
.forum  td          {   padding: 2px;   height:28px;  border: 1px solid #E2E2E2;   border-left:0;  border-right:0; vertical-align:middle;  line-height:14px;    }
.forum  tr.header   {   font-weight:bold;  background-color:#676767;    color:#FFFFFF;  }
.forum  tr.header td{   padding:4px;    height:16px;    border-right:1px solid #939393;  }
.forum  tr.odd      {   background-color:#F8F8F8;  }
.forum  td.odd      {   background-color:#F8F8F8;  }
.forum  td.topic a      {   font-size:12px; text-decoration:underline;    }
.forum  td.topic        {   width:330px;    text-align:left;    }
.forum  td.topic_icon   {   width:18px; background-image: url('/mods/cms/public/images/community/icons/forum_topic.gif'); background-position: 3px 6px; background-repeat: no-repeat;}

.post                       {  margin:0 auto;  clear:both;  border:1px solid #E2E2E2;    border-top: 1px solid #F8F8F8;   background: #FFFFFF url('/mods/cms/public/images/community/bg_post.gif') bottom left repeat-x;              }
.post   .post_user          {   width:115px;    float:left; padding:0;  }
.post   .post_user .user    {   padding:5px 10px 0 10px;   margin:0;}
.post   .post_content       {   margin-left: 95px; padding: 11px 10px 0 0; line-height:15px;   color:#404040;  }
.post   .post_footer        {   text-align:right;   color: #C0C0C0;     clear:both; padding: 3px 5px; }
.post   .post_footer a      {     }
.post   .post_footer a:hover{     }

/*----------------------------- Notification -----------------------------*/
.notification_invite {
   position: fixed; 
   bottom: 35%; 
   left: 31%;
   width: 460px;
   background-color:#FFFFFF;
   border: 2px solid #C0C0C0;
   padding:5px;
   z-index: 2;
/*   display: none;*/
}

a { cursor: pointer; }

* html div.notification_invite {
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +((documentElement.clientHeight-this.clientHeight)/2) : document.body.scrollTop +((document.body.clientHeight-this.clientHeight)/2));
   left:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft + (document.body.clientWidth /3 ) : document.body.scrollLeft + (document.body.offsetWidth /3 ));
}
/*----------------------------- Notification -----------------------------*/

.community_layout h1            { margin-bottom:0; }
.community_layout h2            { margin:0 0 10px 20px; }

/*******************************************************************************
 * lista wszystkich kategorii grup
 *******************************************************************************/ 
.category_group_all             { background:#f8f8f8; padding:10px 0; }
.category_group_all ul          { list-style-type:none; }
.category_group_all ul li       { float:left; width:48%; color:#b2b2b2; padding:2px 0; }

/*******************************************************************************
 * lista wszystkich grup danej kategorii
 *******************************************************************************/ 
#category_groups        { width:100%; list-style-type: none; margin-left:0;}
#category_groups li     { display:block; width:100%; height:90px; padding:5px 0; border-bottom:1px solid #eee; }

#category_groups .group_logo        { float:left; width:100px; height:100px; }
#category_groups .group_logo img    { margin:10px 10px 0 10px;}

#category_groups .group_info  { float:left; width:65%; padding:0 5px;}

#category_groups .group_stat            { float:right; width:150px; text-align:right; color:#999; margin:10px 5px 0 0;}
#category_groups .group_stat ul         {  }
#category_groups .group_stat ul li      { width:auto; height:auto; clear:both; padding:0; border:0; }
#category_groups .group_stat ul li span { font-weight:bold;}

