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

.hidden {
    position: absolute !important;
    top: -99999px !important;
    left: -999999px !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
}

body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff url(../images/template/logo-bg.gif) no-repeat 50% 0;
    color: #666;
}

#container {
    text-align: left;
    font: normal 0.72em/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    width: 973px;
    padding: 0 4px;
    margin: 0 auto;
    background: url(../images/template/body.gif) no-repeat 100% 0;
}

#header {
  height: 134px;
  position: relative;
  z-index: 10;
}  
  #header h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 23px;
  }

  #header_user_options {
    float: right;
    display: inline;
    margin: 0 10px 11px 0;
    width: 600px;
    text-align: right;
    line-height: 40px;
  }
    #header_user_options ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      line-height: 40px;
      height: 40px;
    }
    #header_user_options li {
      display: inline;
      padding-right: 10px;
      margin-right: 5px;
      background: url(../images/template/user-menu-item.gif) no-repeat 100% 50%;
      line-height: 40px;
    }
    #header_user_options li.last {
      padding-right: 0;
      margin-right: 0;
      background-image: none;
    }
    
  #header_user_options form {
    display: inline;
  }      
    
  #header_link_profile {position: absolute; top: 60px; right: 270px; font-weight: bold; text-decoration: underline;}  
      
  #header_search {
    float: right;
    clear: right;
    display: inline;
    margin-right: 10px;
  }
  #header_search .fieldbox {
    padding: 7px 7px;
    margin-right: -0.5em;
    width: 200px;
  }
  
  #menu {
    position: absolute;
    width: 520px;
    top: 60px;
    left: 170px;
    z-index: 10;
  }
    #menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    #menu li {
      position: relative;
      float: left;
      display: inline;
      font-weight: bold;
      margin-right: 10px;
      padding-right: 10px;
      background: url(../images/template/menu-item.gif) no-repeat 100% 50%;
    }
    #menu li.last {
      padding-right: 0;
      margin-right: 0;
      background-image: none;
    }
    #menu li ul {
    	position: absolute;
      display: none;
      left: 0;
      top: 1.5em;
      width: 150px;
      border-top: 1px solid #ccc;    
    }
    #menu li li {
      clear: left;
      width: 100%;
      background-image: none;
    }
    #menu li li a, #content_menu li:hover li a {
      float: none;
      display: block;
      line-height: 1.1em;
    	display: block;
    	font-weight: normal;
      background: #eee;
      color: #c00;
      border: 1px solid #ccc;
      border-top: 0;
      text-decoration: none;
      padding: 3px;
      width: auto;
    }
    #menu li li a:hover {
      background-color: #fff;
      color: inherit;
    }
    #menu li:hover ul, #content_menu li.over ul {
    	display: block;
    }
    
#pagebody {
}

 
#footer {
  clear: both;
  font-weight: bold;
  margin-top: 3em;
  padding: 0 15px;
  line-height: 45px;
  text-align: left;
  position: relative;
  color: #cd0708;
  background: transparent url(../images/template/footer-bg.gif) no-repeat 0 50%;;
}
  #footer a.youlivek {
    margin-right: 1em;
  }

  #footer #addthis {
    position: absolute;
    right: 20px;
    top: 15px;
  }
  #footer a {
    margin: 0 0 0 1em;
  }




/* internal modules*/
.content_header {
  position: relative;
  margin-bottom: 1em;
}
  .content_header_info {
    width: 100%;
    height: 203px;
    background: url(../images/content/header-info/info.gif) no-repeat 0 0;
    position: relative;
  }
  .content_header_rol {
    width: 100%;
    height: 62px;
    margin-bottom: 11px;
  }
  .content_header_rol_large {
    height: 98px;
    background: url(../images/content/header-info/rol-large.gif) no-repeat 0 0;
    margin-bottom: 11px;
  }
  .content_header_options {
    width: 100%;
    height: 130px;
    background: url(../images/content/header-info/options.gif) no-repeat 0 0;
  }
  .content_header_options.small {
    height: 93px;
    background-image: url(../images/content/header-info/option-small.gif);
  }
  .content_header_options.autoheight {
    height: auto;
    background: url(../images/content/header-info/options-large.gif) no-repeat 0 100%;
    padding-bottom: 6px;
  }
   .content_header_options.autoheight .content {
    background: url(../images/content/header-info/options-large.gif) no-repeat 0 0;
  }  
  /*
  .content_header_options.autoheight {
    height: auto;
    background: url(../images/content/header-info/options-large.gif) no-repeat 0 0;
  }*/
  /*
  .content_header_options.autoheight .bottom {
    height: 6px;
    font-size: 0;
    overflow: hidden;
    background: url(../images/content/header-info/options-large.gif) no-repeat 0 100%;
  }    */
  

  .content_header_info .content {
    padding: 20px 20px 20px 200px;
    height: 163px;
    position: relative;
  }
  .content_header_info .content .admin_options {
    float: right;
    display: inline;
  }  
    .content_header_info .content .admin_options a {
      margin-left: 5px;
    }  
   
  .content_header_info .content .data {
  }  
  .content_header_info .content .image img {
    float: left;
    display: inline;
    margin-left: -180px;
  }
  .content_header_info .content .image img {
    margin-right: 25px;
    border: 1px solid #ccc;
  }
  .content_header_info .name {
    font-size: 2.0em;
    line-height: 1.2em;
    font-weight: bold;
  }
  .content_header_info .rol {
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #cd0708;
    background-color: transparent;
  }
  .content_header_info .metainfo {
    margin-top: 1.2em;
    line-height: 1.15em;
  }
  .content_header_info .metainfo .charge {
    color: #cd0708;
    background-color: transparent;
  }
  .content_header_info .metainfo .date {
    color: #666;
    background-color: transparent;
  }
  .content_header_info .metainfo .tags {
    margin-top: 1em;
  }
  .content_header_info .metainfo .category {
    margin-top: 0.7em;
  }
  .content_header_info .description {
    margin-top: 0.7em;
  }
  
  .content_header_rol_large .module_title {
    line-height: 36px;
    padding: 0 20px;
    font-size: 1.2em;
    color: #C51015;
    background-color: transparent;
  }
  .content_header_rol_large .module_content {
    padding: 10px 20px;
    line-height: 35px;  
  }
  .content_header_rol_large .image img {
    float: left;
    display: inline;
    margin: 0 15px 0 0;
  }
  .content_header_rol_large .module_content a {
    color: #666;
    background-color: transparent;
  }
  .content_header_rol_large .module_content a:hover {
    color: #C51015;
    background-color: transparent;
  }


  .content_header_options .content {
    padding-top: 4px;
  }
  .content_header_options ul {
    margin: 0px 0 0 0;
    padding: 0px 0 0 0; 
    list-style-type: none;
    background: url(../images/content/header-info/options/separator.gif) repeat-y 50% 0;
  }
    .content_header_options li {
      float: left;
      display: inline;
      width: 130px;
      margin-left: 20px;
      height: 38px;
    }
    .content_header_options li a {
      display: block;
      padding: 0 0 0 38px;
      text-decoration: none;
      font-weight: bold;
      line-height: 39px;
      position: relative;
    }
    .content_header_options li a.double {
      line-height: 1em;
      padding-top: 7px;
    }


    .content_header_options a.send_mail { background-position:  7px 50%;}
    .content_header_options a.mail_person { background-position:  7px 50%;}
    .content_header_options a.invite_network { background-position:  10px 60%;}
    .content_header_options a.invite_project { background-position:  5px 60%;}
    .content_header_options a.project { background-position:  7px 60%;}
    .content_header_options a.project_add { background-position:  7px 60%;}
    .content_header_options a.invite_groups { background-position:  5px 90%;}
    .content_header_options a.forbidden { background-position:  9px 50%;}
    .content_header_options a.delete { background-position:  12px 60%;}


    
    .content_search {
      background: url(../images/content/header-search/bg.gif) no-repeat 0 0;
      padding: 10px 15px 10px 200px;
    }
      .content_search label {
        float: left;
        display: inline;
        margin: 0 0 0 -175px;
        line-height: 25px;
        padding: 0 0 0 30px;
        background: url(../images/ico/lupa.gif) no-repeat 0 50%;
        font-weight: bold;
      }
      .content_search .fieldbox {
        width: 330px;
        padding: 5px;
      }

    .content_header_action {
      background: url(../images/content/header-action/bg.gif) no-repeat 0 50%;
      color: #C51015;
      padding: 5px;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-weight: bold;
      text-align: center;
    }
      .content_header_action a {
        color: #C51015;
        background-color: transparent;
        background-position: 0 50%;
        background-repeat: no-repeat;
        text-decoration: none;
        position: relative;
        line-height: 35px;
        font-size: 1.4em;
        padding: 10px 0;
      }
      .content_header_action a.action_mail {
        padding-left: 50px;
        background-image: url(../images/content/header-action/mail.gif);
      }
      .content_header_action a.action_join {
        padding-left: 60px;
        background-image: url(../images/content/header-action/join.gif);
      }
      .content_header_action a.action_join strong {
        color: #8A1228;
        background-color: transparent;
      }

/*
#content_menu {
  border-top: 1em solid #fff;
}
  #content_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    display: inline;
    width: 100%;
    background: url(../images/content-menu/bg.gif) no-repeat 0 0;
  }
  #content_menu li {
    float: left;
    display: inline;
    background: url(../images/content-menu/separator.gif) no-repeat 100% 0;
  }
	#content_menu li.last { background-image: none; }  
  
  #content_menu li#cm_about { width: 113px; }
  #content_menu li#cm_projects { width: 128px; }
  #content_menu li#cm_group { width: 108px; }
  #content_menu li#cm_friends { width: 119px; }
  #content_menu li#cm_blog { width: 116px; }
  #content_menu li#cm_photos { width: 126px; }
  #content_menu li#cm_videos { width: 135px; }
  #content_menu li#cm_links { width: 127px; }

  #content_menu a {
    float: left;
    display: inline;
    width: 100%;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
  }
  #content_menu a:hover, #content_menu li.current a {
    background: url(../images/content-menu/on.gif) no-repeat 100% 0;
    color: #cd0708;
    background-color: transparent;
  }
  #content_menu li.first a:hover {
    background-position: 0 0;
  }
  
  */
  
  
#content_menu {
  border-top: 1em solid #fff;
  background: url(../images/content-menu/bg.gif) no-repeat 0 0;
  height: 39px;
}
  #content_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    z-index: 10;
  }
  #content_menu li {
  	float: left;
  	position: relative;
  	text-align: center;
  	cursor: pointer;
    background: url(../images/content-menu/separator.gif) no-repeat 100% 0;
  }
  #content_menu li.last { background-image: none; } 
  #content_menu li#cm_about, #content_menu li#cm_about ul { width: 113px; }
  #content_menu li#cm_projects, #content_menu li#cm_projects ul { width: 128px; }
  #content_menu li#cm_group, #content_menu li#cm_group ul { width: 108px; }
  #content_menu li#cm_friends, #content_menu li#cm_friends ul { width: 119px; }
  #content_menu li#cm_blog, #content_menu li#cm_blog ul { width: 116px; }
  #content_menu li#cm_photos, #content_menu li#cm_photos ul { width: 126px; }
  #content_menu li#cm_videos, #content_menu li#cm_videos ul { width: 135px; }
  #content_menu li#cm_links, #content_menu li#cm_links ul { width: 127px; }
  #content_menu li a {
    float: left;
    display: inline;
    width: 100%;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
  }
  #content_menu a:hover, #content_menu li:hover a, #content_menu li.current a {
    background: url(../images/content-menu/on.gif) no-repeat 100% 0;
    color: #cd0708;
    background-color: transparent;
  }
  #content_menu li.first a:hover {
    background-position: 0 0;
  }

  
  #content_menu li ul {
  	position: absolute;
    display: none;
    left: 0;
    top: 39px;
    border-top: 1px solid #ccc;    
  }
  #content_menu li li {
    clear: left;
    width: 100%;
    background-image: none;
  }
  #content_menu li li a, #content_menu li:hover li a {
    float: none;
    display: block;
    line-height: 1.1em;
  	display: block;
  	font-weight: normal;
    background: #eee;
    color: #c00;
    border: 1px solid #ccc;
    border-top: 0;
    text-decoration: none;
    padding: 3px;
    width: auto;
  }
  #content_menu li li a:hover {
    background-color: #fff;
    color: inherit;
  }
  #content_menu li:hover ul, #content_menu li.over ul {
  	display: block;
  }


.content_side_menu {
}

  .content_side_menu .h1  {
    padding-left: 10px;
  }
  .content_side_menu ul {
    margin: 10px;
    padding: 0;
    list-style-type: none;
  }
  .content_side_menu li {
    padding: 0 10px 0.5em;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0.5em;
  }
  .content_side_menu li.last {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .content_side_menu li a {
    color: #88122a;
    background-color: transparent;
    font-weight: bold;
  }
  .content_side_menu li a:hover {
    color: #c00;
    background-color: transparent;
  }


.content_menu_filter {
  padding: 0 0 2em 0;
  font-weight: bold;
}
  .content_menu_filter ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .content_menu_filter li {
    float: left;
    display: inline;
    padding-right: 15px;
    border-right: 1px solid #ccc;
    margin-right: 15px;
  }
  .content_menu_filter li.last {
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
  }
  .content_menu_filter li.current a {
    color: #666;
    background-color: transparent;
    text-decoration: none;
  }
  





.main_content {
  background: url(../images/round/round-wide-gray_white/body.gif) repeat-y 0 0;  
  width: 100%;
  position: relative;
}
  .main_content .top {
    background: url(../images/round/round-wide-gray_white/top.gif) no-repeat 0 0;
    font-size: 0;
    height: 4px;
    overflow: hidden;
  }
  .main_content .bottom {
    padding: 20px 20px 7px 20px;
    background: url(../images/round/round-wide-gray_white/bottom.gif) no-repeat 0 100%;
  }
  
.main_padding {
  padding: 20px;
}  


.footer_tags {
  margin-top: 1em;
  background: url(../images/round/round-wide-gray_white/body.gif) repeat-y 0 0;
  width: 100%;
}
.footer_tags .top {
  background: url(../images/round/round-wide-gray_white/top.gif) no-repeat 0 0;
  padding-top: 7px;
  width: 100%;
}
.footer_tags .bottom {
  background: url(../images/round/round-wide-gray_white/bottom.gif) no-repeat 0 100%;
  padding-bottom: 7px;
  width: 100%;
}
.footer_tags .content {
  padding: 13px 20px;
} 
.footer_tags a {
  color: #999;
  background-color: transparent;
  text-decoration: none;
}