@CHARSET "UTF-8";
/* Version SVN: $ID$ */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  font-style:normal; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul li,
ol li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none; }

/*-------------------------------------------------------
      CLEARFIX
-------------------------------------------------------*/

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

.clearfix {
  display: block; }


br.clear {
  clear:both;
  height:1%; }


/*-------------------------------------------------------
      GENERALS
-------------------------------------------------------*/

html,body {
  background:#fff url(../images/frontend/backgrounds/header.png) 0 0 repeat-x;
  color:#1d1d1d;
  font:normal 13px/16px Arial, Tahoma, sans-serif; }

body {
  text-align:center; }

a {
  color:#777777;
  outline:none;
  text-decoration:none; }

a:hover {
  color:#444444;
  outline:none;
  text-decoration:underline; }

a.thumbnail:hover {
  text-decoration:none; }

a:active {
  outline:none; }

a:focus {
  outline:none; }

a.external,
a[target="_blank"] {
  background:transparent url(../images/external.png) no-repeat scroll right center;
  padding-right:13px; }

a.back {
  padding:0 0 0 20px;
  margin:0 0 10px 0;
  display:block;
  width:170px;
  background:url(../images/frontend/icons/icons-sprite.png) -389px -1054px no-repeat; }

strong { font-weight:bold; }

em { font-style:italic; }


/*-------------------------------------------------------
      FONTS
-------------------------------------------------------*/


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Alexander Kalachev
 * @vendorurl:  http://www.intelligentdesign.ru
 * @licenseurl: http://www.fontsquirrel.com/license/Days
 *
 *
 */

@font-face {
  font-family: 'DaysRegular';
  src: url('../fonts/Days/Days.eot');
  src: local('Days Regular'), 
       local('Days'), 
       url('../fonts/Days/Days.woff') format('woff'), 
       url('../fonts/Days/Days.otf') format('opentype')/*, 
       url('../fonts/Days/Days.svg#Days') format('svg') */; }


/*-------------------- UBUNTU TITLING -----------------------*/

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Betatype
 * @vendorurl:  http://www.betatype.com
 * @licenseurl: http://www.fontsquirrel.com/license/Ubuntu-Titling
 *
 *
 */

@font-face {
  font-family: 'UbuntuTitlingBold';
  src: url('../fonts/UbuntuTitling/UbuntuTitling-Bold.eot');
  src: local('Ubuntu Titling Bold'), 
       local('UbuntuTitling-Bold'), 
       url('../fonts/UbuntuTitling/UbuntuTitling-Bold.woff') format('woff'), 
       url('../fonts/UbuntuTitling/UbuntuTitling-Bold.ttf') format('truetype')/*, 
       url('../fonts/UbuntuTitling/UbuntuTitling-Bold.svg#UbuntuTitling-Bold') format('svg') */; }


/*-------------------- QUICKSAND -----------------------*/

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Andrew Paglinawan
 * @vendorurl:  http://andrewpaglinawan.com/
 * @licenseurl: www.fontsquirrel.com/fonts/Quicksand
 *
 *
 */

@font-face {
  font-family: 'QuicksandBold';
  src: url('../fonts/UbuntuTitling/Quicksand-Bold.eot');
  src: local('Quicksand Bold'), 
       local('Quicksand-Bold'), 
       url('../fonts/Quicksand/Quicksand-Bold.woff') format('woff'), 
       url('../fonts/Quicksand/Quicksand-Bold.ttf') format('truetype')/*, 
       url('../fonts/Quicksand/Quicksand-Bold.svg#Quicksand-Bold') format('svg') */; }


/*-------------------------------------------------------
      FORM ELEMENTS
-------------------------------------------------------*/

input, textarea, select {
  padding:5px;
  border:1px solid #d6d6d6;
  font:normal 11px/13px "Arial", Tahoma, sans-serif;
  background:url(../images/frontend/backgrounds/input.png) 0 0 repeat-x; }

input[type="radio"],
input[type="checkbox"] {
  border: none;
  background:transparent; }

input.radio,
input.checkbox {
  border: none; }

input.text:hover {
  border: 1px solid #666; }

input.text:focus {
  border: 1px solid #1f42a6; }

.button {
  border: 0;
  width: auto;
  height: auto; }


/*-------------------------------------------------------
      WRAPPER
-------------------------------------------------------*/

#wrapper {
  margin:auto;
  padding:0 20px;
  width:960px;
  text-align:left;
  position:relative; }

#contentWrapper {
  margin-top:44px;
  background:url(../images/frontend/backgrounds/content.png) 0 0 repeat-y;
  position: relative; }


.wrap {
  padding:5px 7px 5px 10px; }

  .box-w .content .wrap {
    width:703px;
  }


/*-------------------------------------------------------
      HEADER
-------------------------------------------------------*/

#header {
  position:relative;
  display:block;
  height:94px; }

  #header a.portalLogo {
    display:block;
    width:200px; }

    #header a.portalLogo img {
      margin:10px 0 0 0; }


/*-------------------------------------------------------
      TOP MENU
-------------------------------------------------------*/

#topmenu {
  position:absolute;
  right:0;
  top:5px; }

  #topmenu li {
    display:inline;
    color:#6b6b6b;
    padding:4px; }

    #topmenu li a {
      color:#9b9b9b;
      text-decoration:none; }

      #topmenu li a:hover {
          color:#333;
          border-bottom:1px dotted #333; }

  #topmenu select {
    padding:0;
    background:transparent; }


/*-------------------------------------------------------
      MAIN MENU
-------------------------------------------------------*/

#mainmenu {
  height:44px;
  width:960px;
  position:absolute;
  top:94px;
  left:auto;
  z-index: 9000; }

  #mainmenu ul li {
    float: left; }

  #mainmenu ul li:hover {
    text-decoration:none;
    background:url(../images/frontend/backgrounds/nav-sprite.png) 0 -44px repeat-x; }

  #mainmenu ul li a:hover {
    text-decoration:none; }


  #mainmenu ul li.act {
    background:url(../images/frontend/backgrounds/nav-sprite.png) 0 -89px repeat-x; }


    #mainmenu ul li a {
      width:132px;
      padding:0 30px;
      height:44px;
      line-height:44px;
      float:left;
      display:block;
      font-family: 'DaysRegular';
      color:#666666;
      font-size:14px;
      text-transform:uppercase;
      text-align: center; }

  #mainmenu ul li.ext a {
    padding-right:15px;
    margin-right:15px;
    background:url(../images/frontend/icons/ext.png) right center no-repeat; }


/*-------------- Submenu ----------------------------*/

#mainmenu ul.submenu {
  position:absolute;
  right:auto;
  top:42px;
  display:none;
  width: 192px;
  z-index:1;
  background: none; }

  #mainmenu ul li:hover ul.submenu,
  #mainmenu ul li ul.submenu li:hover a,
  #contextmenu #userinfo_menu h4:hover ul.submenu {
    display:block; }

#mainmenu ul.submenu li,
#mainmenu ul.submenu li a {
  float:left;
  display:block;
  height:30px;
  line-height:30px;
  padding:0 20px;
  width: 152px;
  background:url(../images/frontend/backgrounds/nav-sprite.png) 0 -5px repeat-x; }

  #mainmenu ul.submenu li:hover {
    text-decoration:none;
    background:url(../images/frontend/backgrounds/nav-sprite.png) 0 -47px repeat-x; }

  #mainmenu ul.submenu li a:hover {
    text-decoration:none; }

  #mainmenu ul.submenu li.act {
    background: url("../images/frontend/backgrounds/nav-sprite.png") 0 -91px repeat-x;
    color: #FFFFFF;
  }

  #mainmenu ul.submenu.act {
      background:url(../images/frontend/backgrounds/nav-sprite.png) 0 -89px repeat-x; }

#mainmenu li.ext ul.submenu a {
  background:transparent;
  padding: 0;
  margin: 0; }


/*-------------------------------------------------------
      CONTEXT MENU
-------------------------------------------------------*/

/*-------------- Standart ----------------------------*/

#contextmenu {
  float:right;
  width:220px;
  margin:10px 0 0;
  overflow:hidden; }

#contextmenu a {
  display:block;
  padding:1px 0 0 0; }

#contextmenu a:link,
#contextmenu a:visited {
  color:#666666;
  text-decoration:none; }

#contextmenu a:hover,
#contextmenu a:active {
  text-decoration:underline; }

#contextmenu div {
  position:relative;
  background:url(../images/frontend/backgrounds/cntxt.png) left bottom no-repeat;
  margin:0 0 10px;
  padding:0 0 10px 15px; }

  #contextmenu div div {
    padding:0;
    background:transparent; }

  #contextmenu div h4 {
    color: #666666;
    font:normal 15px "DaysRegular", "Arial", Tahoma, sans-serif;
    text-transform:uppercase; }

    #contextmenu div h4 a {
      display: block;
      color: #333;
      text-decoration: none; }

  #contextmenu div ul {
    padding-top:7px; }

    #contextmenu div ul li {
      list-style:none;
      padding:2px 0; }


/*----------------- Openend ----------------------*/



/*------------------ Closed ----------------------*/

#contextmenu .closed {
   }

#contextmenu .closed h4 a {
   }

#contextmenu .closed ul,
#contextmenu .closed ul li,
#contextmenu .closed div,
#contextmenu .closed p {
  display: none; }

#contextmenu .opened ul,
#contextmenu .opened div,
#contextmenu .opened p {
  display: block; }






/*------------- REGISTER / LOGIN ---------------------*/

#userinfo_menu_register div {
  padding:0 0 22px; }

#userinfo_menu_register div.reg p {
  padding:0;
  text-align:right; }

#userinfo_menu_register div.reg a {
  display:block;
  text-indent:-9999px;
  width:147px;
  height:28px;
  margin:0 0 0 62px;
  background:url(../images/frontend/buttons/button-sprite.png) -343px 0 no-repeat; }

  #userinfo_menu_register div.reg a:hover {
    background:url(../images/frontend/buttons/button-sprite.png) -343px -48px no-repeat; }

  #userinfo_menu_register div.reg a:active {
    background:url(../images/frontend/buttons/button-sprite.png) -343px -97px no-repeat; }


#userinfo_menu_register #side_login {
  margin:10px 0 0 0; }

  #userinfo_menu_register #side_login.loginform {
    width:200px; }

  #userinfo_menu_register #side_login input,
  #userinfo_menu_register #side_login #pwforgot {
    width:190px; }

  #userinfo_menu_register #side_login #pwforgot {
    color:#999;
    font-size:10px; }

    #userinfo_menu_register #side_login #pwforgot:hover {
      color:#777777;
      text-decoration:none; }

  #userinfo_menu_register .msg {
    border:2px solid #999999;
    background:#CCCCCC;
    color:#fff;
    padding:4px;
    margin:5px 0;
    font-size:11px; }

  #userinfo_menu_register .loginLink {
    display:block;
    width:100%;
    position:relative;
    padding: 10px 0 0; }

  #userinfo_menu_register .loginLink a {
    font-size:11px;
    margin: 0 0 5px 0; }







/*------------- SEARCH ---------------------*/

#contextmenu #searchbox {
  padding-bottom:10px; }

  #contextmenu #searchbox h4 {
    padding-bottom:10px; }

  #contextmenu #searchbox form {
    position:relative; }

  #contextmenu #searchbox input {
    padding:7px 9px 0 9px;
    width:185px;
    height:19px;
    color:#999; }

    #contextmenu #searchbox input:focus {
      color: #333; }


  #contextmenu #searchbox input#send {
    position:absolute;
    top:0;
    right:0;
    width:26px;
    height:26px;
    padding:0;
    margin:0;
    background:url(../images/frontend/icons/icons-sprite.png) -598px -1294px no-repeat; }



/*------------------- USER -----------------------*/

#contextmenu #userinfo_menu h4 a {
  text-transform:none;
  font:12px "DaysRegular","Arial",Tahoma,sans-serif; }

#contextmenu #userinfo_menu h4 a span {
  text-transform:none;
  font:22px "UbuntuTitlingBold","Arial",Tahoma,sans-serif;
  display: block; }

#contextmenu #userinfo_menu li:hover {
  background:#efefef; }

#contextmenu #userinfo_menu li a,
#contextmenu #userinfo_menu li span {
  float:left; }

#contextmenu #userinfo_menu li a {
  width:70%; }

  #contextmenu #userinfo_menu li a:hover {
    text-decoration:none; }

#contextmenu #userinfo_menu li span {
  width:30%;
  text-align:right; }




/*----------------- CATEGORIES -------------------------*/

#contextmenu #category_menu li {
  padding:0;
  margin:1px 0; }


  #contextmenu #category_menu li a {
    display:block;
    margin:0;
    padding:2px 5px;
    color:#333;
    background:#dfdfdf; }

    #contextmenu #category_menu li a:hover {
      color:#fff;
      background:#999999;
      text-decoration:none; }

ul.categories li {
  display:inline;
  border-bottom:none;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0;
  font-size:11px;
  line-height:21px; }

ul#categories a.thumbnail {
  position: relative;
}

ul#categories a.thumbnail span {
  background: url("../images/frontend/thumbs/thumb-sprite.png") no-repeat scroll -1741px 0 transparent;
  color: #F0F0F0;
  cursor: pointer;
  display: block;
  height: 129px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 230px;
}

ul#categories .content.thumbsbig ul li {
  height: 62px;
  width: 110px;
}

ul#categories .content.thumbsbig ul li a.thumbnail span {
  background: url("../images/frontend/thumbs/thumb-sprite.png") no-repeat scroll -1246px 0 transparent;
  height: 62px;
  width: 110px;
}

.box-s .content .categories {
  padding:0 0 3px 0; }

.box-s .content .categories li {
  font-size:12px; }


/*----------------- TAGS -------------------------*/


#contextmenu .tags,
.tags {
  text-align:justify; }

  #contextmenu #tags_menu div.wrapsmall {
      padding:10px 0 0;
    margin:0; }

  #contextmenu #tags_menu ul {
      background:none;
      margin:0;
       padding:0 0 5px 0; }

#contextmenu div ul.tags li,
ul.tags li {
  display:inline;
  border-bottom:none;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0;
  font-size:11px;
  line-height:21px; }

#contextmenu .tags a,
.tags a {
  color: #9b9b9b;
  font-size:1em;
  padding:1px;
  display:inline; }

#contextmenu .tags a.imp1,
.tags a.imp1 {
  color: #aaa;
  font-size:0.9em; }

#contextmenu .tags a.imp2,
.tags a.imp2 {
  color: #aaa;
  font-size: 1em; }

#contextmenu .tags a.imp3,
.tags a.imp3 {
  color: #aaa;
  font-size: 1.1em; }

#contextmenu .tags a.imp4,
.tags a.imp4 {
  color: #999;
  font-size: 1.2em; }

#contextmenu .tags a.imp5,
.tags a.imp5 {
  color: #999;
  font-size: 1.3em; }

#contextmenu .tags a.imp6,
.tags a.imp6 {
  color: #777;
  font-size: 1.4em; }

#contextmenu .tags a.imp7,
.tags a.imp7 {
  color: #777;
  font-size: 1.5em; }

.box-s .content .tags {
  padding:0 0 3px 0; }

.box-s .content .tags li {
  font-size:12px; }

/*----------------- CHANNELS -------------------------*/

#contextmenu #channels_menu div {
  padding:10px 0; }

#contextmenu #channels_menu ul {
  background:none;
  padding:0; }

  #contextmenu #channels_menu ul li {
    position:relative;
    padding:0;
    margin:0 0 3px;
      border-bottom:none; }

    #contextmenu #channels_menu ul li a {
       padding: 0; }

      #contextmenu #channels_menu ul li a.over {
        position:absolute;
        top:0;
        left:0;
        padding: 0;
        display:block;
        height:55px;
        width:205px;
        background:url(../images/frontend/thumbs/thumb-sprite.png) 0 -195px no-repeat; }

#contextmenu #channels_menu div.trans {
  background: url("../images/frontend/backgrounds/transBlk.png") repeat scroll 0 0 transparent;
  border: 0 none;
  bottom: 5px;
  left: 5px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
}

#contextmenu #channels_menu div.trans h2 {
  color: #FFFFFF;
  font-size: 11px;
  line-height: 11px;
  max-width: 190px;
  padding: 3px 7px;
}


/*-------------------------------------------------------
      CONTENT
-------------------------------------------------------*/

#content {
  float:left;
    width:740px;
    margin:10px 0 0; }

#content h1 {
  font:normal 32px "DaysRegular", "Arial", Tahoma, sans-serif;
  text-transform:uppercase;
  width:720px;
  margin:10px 0;
  border-bottom:1px solid #ccc; }

#content h2 {
  color: #666666;
  font:normal 17px "DaysRegular", "Arial", Tahoma, sans-serif;
  text-transform:uppercase;
    padding:7px 0 6px; }

  #content .box-w h2 {
      background:url(../images/frontend/backgrounds/boxes.png) 0 10px no-repeat; }

  #content .box-wm h2 {
    width:495px;
      background:url(../images/frontend/backgrounds/boxes.png) -777px 10px no-repeat; }

  #content .box-m h2 {
      background:url(../images/frontend/backgrounds/boxes.png) -1323px 10px no-repeat; }

  #content .box-s h2 {
      background:url(../images/frontend/backgrounds/boxes.png) -1755px 10px no-repeat; }

  #content .top h2 {
      font:normal 17px "DaysRegular", "Arial", Tahoma, sans-serif;
    text-transform:uppercase; }

  #content h2.title {
    color:#777777;
    background:transparent;
    overflow:hidden;
    font:normal 25px "UbuntuTitlingBold", "Arial", Tahoma, sans-serif;
    text-transform:none; }

#content .content {
    position:relative;
    padding:0 0 10px 0px;
    margin:0 0 10px; }

#content .content.player {
    padding:0 0 20px 0px; }

#content span#flashcomm-url {
    display: none; }



/*-------------------------------------------------------
      BOTTOM LINK
-------------------------------------------------------*/

.bottomLink {
  display:block;
  width:100%;
  height:30px;
  position:relative; }


/*-------------------------------------------------------
      Breadcrumbs
-------------------------------------------------------*/

#breadcrumbs {
  color:#ccc;
  position: relative; }

  #breadcrumbs li {
    float:left;
    margin:0 3px 0 0; }

    #breadcrumbs li a {
      color:#ccc; }

  #breadcrumbs li.home a {
    display:inline-block;
    text-indent:-9999px;
    height:20px;
    width:15px;
    background:url(../images/frontend/icons/icons-sprite.png) 3px -552px no-repeat; }

 /*-------------------------------------------------------
      Filter
-------------------------------------------------------*/

.filter {
  border-bottom:1px dotted #dfdfdf; }

  .filter span,
  .filter ul {
    float:left; }


  .filter span {
    padding:5px 5px 0 0;
    font-size:11px;
    color:#999; }



ul.sort1 {
  padding:2px 10px 0 0;
    line-height:14px;
    margin:1px 0 0 0;
    height:21px; }

ul.sort1 li {
  float: left;
  list-style: none; }


ul.sort1 li a{
  font-size:10px;
  height:15px;
  line-height:15px;
    padding: 0px 4px;
    display: block;
    float: left;
  margin: 1px 3px 0 0;
  color: #333;
  background:#efefef;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
    text-decoration: none; }


  ul.sort1 li.act a,
  ul.sort1 li a:hover {
    color:#000000;
    border:1px solid #CCCCCC;
    background:#DFDFDF; }

.top {
  position: relative; }

.top a.action {
  position:absolute;
  bottom:5px;
  right:0;
  color:#ccc;
    font-size:11px;
    padding:0 0 0 20px;
    background:url(../images/frontend/icons/icons-sprite.png) 5px -2531px no-repeat; }

  .top a.action:hover {
    color:#777777;
    text-decoration:none;
    background:url(../images/frontend/icons/icons-sprite.png) -168px -2531px no-repeat; }


.top .actions {
  position:absolute;
  top:0;
  right:0; }

  .top .actions li {
    float:left;
    margin:0 0 0 5px; }

  .top .actions a {
    color:#ccc;
    font-size:11px;
    padding:0 0 0 20px;  }

    .top .actions a:hover {
      color:#777777;
      text-decoration:none; }

.box-w .top h2 a {
  color:#333;
  font-size: 12px;
  font-style:italic; }

.box-w .top h2 a.media {
  color:#1d1d1d;
  font-size: 17px;
  font-style:normal; }

.box-w .top cite {
    padding:0 0 0 20px;
    font-style: normal; }

/*-------------------------------------------------------
      BOXES
-------------------------------------------------------*/

/*---------------- WIDE --------------------------*/

.box-w {
  width:720px;
  margin:0 20px 0 0;
  background:url(../images/frontend/backgrounds/boxes.png) -2010px bottom no-repeat; }

.box-w .top {
  width:720px; }









.box-w ul.sort2 {
  padding: 0 15px;
  width: 690px; }

.box-w ul.sort2 li {
  float: left;
  list-style: none; }

.box-w ul.sort2 li a {
  padding: 0px 4px 4px 4px;
  display: block;
  float: left;
  position: relative;
  margin: 1px 1px 0 0;
  text-decoration: none; }




.box-w ul.sort2 li.act a,
.box-w ul.sort2 li a:hover {
  color: #333; }




.box-w ul.action {
  list-style: none; }

.box-w ul.action li {
  display:inline; }

.box-w ul.action li a {
  padding: 7px;
  float: left;
  display: block;
  text-decoration:none; }

.box-w .content {
  width: 720px;  }


.box-w .content.list li img {
  top: 15px; }

.box-w textarea {
  margin: 5px;
  width: 710px; }

/*------------------ MIDDLE ------------------------*/

.box-m {
  float:left;
  margin:0 20px 0 0;
  width:350px;
  background:url(../images/frontend/backgrounds/boxes.png) -3335px bottom no-repeat; }

#content .box-m .content {
  padding:0 0 10px 0;
  width:360px; }


.box-m .content.list li img {
  top: 10px; }



.box-m .content.list ul li {
  padding: 10px 0;
  width: 350px; }



/*---------------- BOX 3/4 ----------------------*/

.box-wm {
  float:left;
    width:495px;
    margin:0 10px 0 0;
    background:url(../images/frontend/backgrounds/boxes.png) -2795px bottom no-repeat; }

.box-wm .top {
  width: 495px; }

.box-wm .top a {
  color: #9b9b9b;
  font-size: 10px; }



.box-wm .top cite {
  padding: 0 0 0 20px;
  font-style: normal; }

.box-wm ul.sort1 {
  padding: 2px 10px 0 15px;
  line-height: 14px;
  width: 445px;
  height: 21px;
  margin:1px 0 0 0;}

.box-wm ul.sort1 li {
  float: left;
  list-style: none; }

.box-wm ul.sort1.do li {
  float: right; }

.box-wm ul.sort1 li a {
  position: relative;
  padding: 0px 4px 4px 4px;
  display: block;
  float: left;
  margin: 1px 1px 0 0;
  color: #9b9b9b;
  text-decoration: none; }




.box-wm ul.sort1 li.act a,
.box-wm ul.sort1 li a:hover {
  color: #333; }




.box-wm .content {
  width:495px; }


.box-wm .content.list .avatar:active {
  position: absolute;
  top: 10px; }




/*---------------------- BOX SCHMAL -------------------------*/

.box-s {
  width: 205px;
  float: left;
  margin: 0 0 0 20px;
  background:url(../images/frontend/backgrounds/boxes.png) -3750px bottom no-repeat; }

.box-s .content {
  width: 205px; }

.box-s .content.list li {
  padding: 5px 0;
  width: 100%; }

.box-s .content.list li h3 {
  width: 165px;
  overflow:hidden;
  font-size:12px; }

/*------------------ COLLUMNS --------------------*/

.col-l {
  float:left;
  width:495px; }

.col-l .box-wm {
  margin: 0; }

.col-r {
  float:left;
  width:225px; }


/*-------------------------------------------------------
      ICONS and LINKS
-------------------------------------------------------*/

/*--------------- Layout ----------------------------*/


div.view {
  width:115px;
  position:absolute;
    right:0;
    bottom:3px; }

    div.view ul,
  div.view span {
    float:left; }


  div.view span {
    color:#999999;
    font-size:11px;
    padding:5px 5px 0 0; }

  div.view.mode {
    width:130px; }

  div.view.mode .sort1 {
    padding-right:0; }

  .sort_icon li {
    float: left; }

    .sort_icon li a {
      padding:3px;
      float:left;
      display:block; }

    .sort_icon li img {
      width:17px;
      height:17px;
      display:block; }

      .sort_icon li img.thumbsbig {
        background:url(../images/frontend/icons/icons-sprite.png) 4px -2030px no-repeat;  }

        .sort_icon li img.thumbsbig:hover,
        .sort_icon li.act img.thumbsbig  {
          background:url(../images/frontend/icons/icons-sprite.png) -385px -2030px no-repeat; }

      .sort_icon li img.thumbs {
        background:url(../images/frontend/icons/icons-sprite.png) 4px -1909px no-repeat; }

        .sort_icon li img.thumbs:hover,
        .sort_icon li.act img.thumbs {
          background:url(../images/frontend/icons/icons-sprite.png) -385px -1909px no-repeat; }

      .sort_icon li img.list {
        background:url(../images/frontend/icons/icons-sprite.png) 4px -1972px no-repeat; }

        .sort_icon li img.list:hover,
        .sort_icon li.act img.list {
          background:url(../images/frontend/icons/icons-sprite.png) -385px -1972px no-repeat; }





/*--------------- RSS Icon ----------------------------*/

.box-w .top a.rss,
.box-wm .top a.rss {
  position: absolute;
  right: 8px;
  top: 8px;
}

/*---------------- CANCEL  ----------------------*/

a#cancel {
  border:0 none;
  display:block;
  width:90px;
  height:30px;
  overflow:hidden;
  text-indent:-999px;
  bottom:0;
  position:absolute;
  right:109px; }


/*--------------------- DELETE -------------------------*/

a#delete {
  border:0 none;
  display:block;
  width:120px;
  height:28px;
  overflow:hidden;
  text-indent:-999px;
  bottom:14px;
  position:absolute;
  right:115px; }


/*------------------------ CONFIRM ---------------------------*/

a#confirm {
  border:0 none;
  display:block;
  width:120px;
  height:30px;
  overflow:hidden;
  text-indent:-999px;
  bottom:12px;
  position:absolute;
  right:0; }


/*-------------------------- BACK -----------------------*/

a#back {
  border:0 none;
  display:block;
  width:101px;
  height:28px;
  overflow:hidden;
  text-indent:-999px;
  bottom:5px;
  position:absolute;
  right:5px; }


/*-------------------------------------------------------
      PAGINATION
-------------------------------------------------------*/

.pagination {
  position:absolute;
  top:5px;
  right:0;
  display:block;
  width:100%;
  border-top:1px dotted #dfdfdf;
  color:#9b9b9b;
  font-size:10px;
  text-align:right;
  padding-top:3px; }

  .pagination a {
    padding:0 5px;
    text-decoration: none;
    color:#1d1d1d;
    margin:0 1px 0 0;
    border-right:1px solid #ededed; }

    .pagination a.act,
    .pagination a:hover {
      color:#999999; }

    .pagination a.last{
      border-right:none; }






/*-------------------------------------------------------
      MEDIA LISTS
-------------------------------------------------------*/

.play {
  text-indent:-9999px;
  dislay:block;
  height:38px;
  width:38px;
  background:url(../images/frontend/imgOverlays/play.png) 0 0 no-repeat; }

/*-------------------- BIG THUMBS -------------------------*/

#content .content.thumbsbig ul li,
#contextmenu .content.thumbsbig ul li {
  float:left;
  width:230px;
  height:129px;
    margin:5px 10px 0 0;
    list-style:none;
    position:relative; }

  #content .box-s .content.thumbsbig ul li,
  #contextmenu .box-s .content.thumbsbig ul li {
    float:none; }

  #content .box-s .content.thumbsbig ul li,
  #contextmenu .box-s .content.thumbsbig ul li,
  #featured-media-box .content.thumbsbig ul li {
    width:200px;
    height:112px; }

  .content.thumbsbig ul li .thumbnail span {
    color:#f0f0f0;
    cursor:pointer;
    text-indent:-9999px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:129px;
    width:230px;
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -1741px 0 no-repeat; }

  .box-s .content.thumbsbig ul li .thumbnail span,
  #contextmenu .box-s .content.thumbsbig ul li .thumbnail span,
  #featured-media-box .content.thumbsbig ul li .thumbnail span {
      height:112px;
      width:200px;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -1524px 0 no-repeat; }

  #contextmenu .box-s .content.thumbsbig ul li a.thumbnail {
    padding: 0;
  }

  #contextmenu .box-s .content.thumbsbig ul li a.thumbnail img{
    margin: -2px 0 0;
  }

  #contextmenu .box-s .content.thumbsbig ul li a.thumbnail:hover {
    text-decoration: none;
  }

  .content.thumbsbig ul li .tag {
    position:absolute;
    top:5px;
    right:5px;
    text-indent:-9999px;
    display:block;
    width:31px;
    height:35px; }

    .box-s .content.thumbsbig ul li .tag {
      position:absolute;
      top:5px;
      right:5px; }

    .content.thumbsbig ul li .tag.new {
      background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -45px no-repeat; }

    .content.thumbsbig ul li .tag.favorite {
      background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -236px no-repeat; }

    .content.thumbsbig ul li .tag.own {
      background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -92px no-repeat; }

    .content.thumbsbig ul li .tag.friend {
      background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }

    .content.thumbsbig ul li .tag.featured {
      background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -186px no-repeat; }


  .content.thumbsbig ul li .hoverTop,
  #contextmenu .content.thumbsbig ul li .hoverTop {
    position:absolute;
    top:5px;
    left:5px;
    width:220px;
    height:27px;
    background:url(../images/frontend/backgrounds/transBlk.png) 0 0 repeat;
    visibility:hidden; }

    .box-s .content.thumbsbig ul li .hoverTop,
    #contextmenu .box-s .content.thumbsbig ul li .hoverTop,
    #featured-media-box .content.thumbsbig ul li .hoverTop {
      width:190px; }

    .content.thumbsbig ul li .hoverTop img,
    #contextmenu .content.thumbsbig ul li .hoverTop img {
      float:left;
      width:21px;
      height:21px;
      margin:3px;
      background:#fff; }

    .content.thumbsbig ul li .hoverTop p,
    #contextmenu .content.thumbsbig ul li .hoverTop p {
      float:left;
      width:190px;
      font-size:.8em;
      color:#fff; }

      .box-s .content.thumbsbig ul li .hoverTop p,
      #contextmenu .box-s .content.thumbsbig ul li .hoverTop p,
      #featured-media-box .content.thumbsbig ul li .hoverTop p{
        float:left;
        width:160px; }

      .content.thumbsbig ul li .hoverTop p.owner,
      #contextmenu .content.thumbsbig ul li .hoverTop p.owner {
        padding-top:3px; }


    .content.thumbsbig ul li .hoverTop p,
    .content.thumbsbig ul li .hoverTop a,
    #contextmenu .content.thumbsbig ul li .hoverTop p,
    #contextmenu .content.thumbsbig ul li .hoverTop a {
      line-height:1em; }

    .content.thumbsbig ul li .hoverTop a,
    #contextmenu .content.thumbsbig ul li .hoverTop a {
      color:#999999; }

    #contextmenu .content.thumbsbig ul li .hoverTop a {
      display: inline; }

  #contextmenu .box-s .content.thumbsbig ul li div {
    margin: 0;
  }

  .content.thumbsbig ul li:hover .hoverTop,
  #contextmenu .content.thumbsbig ul li:hover .hoverTop {
    visibility:visible; }

  .content.thumbsbig ul li .hoverBottom,
  #contextmenu .content.thumbsbig ul li .hoverBottom {
    width:214px;
    height:21px;
    padding:3px;
    position:absolute;
    bottom:5px;
    left:5px;
    background:url(../images/frontend/backgrounds/transBlk.png) 0 0 repeat; }

    .box-s .content.thumbsbig ul li .hoverBottom,
    #contextmenu .box-s .content.thumbsbig ul li .hoverBottom,
    #featured-media-box .content.thumbsbig ul li .hoverBottom {
      width:185px;
      white-space: nowrap; }

    .content.thumbsbig ul li .hoverBottom h3,
    #contextmenu .content.thumbsbig ul li .hoverBottom h3 {
      padding:4px 0 0; }

      .content.thumbsbig ul li .hoverBottom h3 a,
      #contextmenu .content.thumbsbig ul li .hoverBottom h3 a {
        color:#fff;
        font:normal 12px "UbuntuTitlingBold", "Arial", Tahoma, sans-serif; }

    .content.thumbsbig ul li .hoverBottom span.icon {
      float:left;
      display:block;
      width:20px;
      height:20px;
      text-indent:-9999px; }

    .content.thumbsbig ul li .hoverBottom span.typeV,
    #contextmenu .content.thumbsbig ul li .hoverBottom span.typeV {
      background:url(../images/frontend/icons/icons-sprite.png) -817px -867px no-repeat; }

    .content.thumbsbig ul li .hoverBottom span.typeP,
    #contextmenu .content.thumbsbig ul li .hoverBottom span.typeP {
      background:url(../images/frontend/icons/icons-sprite.png) -817px -910px no-repeat; }

    .content.thumbsbig ul li .hoverBottom span.typeA,
    #contextmenu .content.thumbsbig ul li .hoverBottom span.typeA {
      background:url(../images/frontend/icons/icons-sprite.png) -817px -951px no-repeat; }

    .content.thumbsbig ul li .hoverBottom span.typeD,
    #contextmenu .content.thumbsbig ul li .hoverBottom span.typeD {
      background:url(../images/frontend/icons/icons-sprite.png) -817px -930px no-repeat; }

  .content.thumbsbig ul li .play {
    position:absolute;
    top:45px;
    left:97px;
    visibility:hidden; }

    .box-s .content.thumbsbig ul li .play,
    #contextmenu .box-s .content.thumbsbig ul li .play,
    #featured-media-box .content.thumbsbig ul li .play {
      top:38px;
      left:77px;  }

    .content.thumbsbig ul li:hover .play {
      visibility:visible; }


/*-------------------- THUMBS -------------------------*/

#content .media-list.thumbs ul li {
  height:127px;
  overflow:hidden; }

#content .content.thumbs {
  padding:0 0 10px 0;
    width:720px; }

  #content .box-s .content.thumbs {
      width:205px; }

  #content .box-m .content.thumbs {
      width:360px; }

  .content.thumbs ul li {
    float:left;
    width:80px;
    margin:5px 8px 0 0;
    list-style:none;
    border-bottom:1px dotted #ccc; }

    .media-list.content.thumbs ul li {
      width:135px; }

    .box-s .content.thumbs ul li {
      width:95px;
      margin:5px 7px 0 0; }

    .content.thumbs ul li cite {
      font-weight:normal;
      font-size:11px;
      color:#808080;
      display:block; }

    .content.thumbs ul li .thumbnail span {
      cursor:pointer;
      color:#f0f0f0;
      text-indent:-9999px;
      display:block;
      position:absolute;
      top:0;
      left:0;
      height:76px;
      width:135px;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -1374px 0 no-repeat; }

    .content.thumbs ul li div .batch {
      left: 5px;
      position: absolute;
      top: 5px;
    }

    .content.thumbs ul li div .tag {
      position:absolute;
      top:5px;
      left:auto;
      right:5px;
      text-indent:-9999px;
      display:block;
      width:31px;
      height:35px; }

      .content.thumbs ul li .tag.new {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -45px no-repeat; }

      .content.thumbs ul li .tag.favorite {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -236px no-repeat; }

      .content.thumbs ul li .tag.own {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -92px no-repeat; }

      .content.thumbs ul li .tag.friend {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }

      .content.thumbs ul li .tag.featured {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -186px no-repeat; }

    .content.thumbs ul li div {
      position:relative; }

      .content.thumbs ul li div span.types {
        width:119px;
        height:15px;
        padding:0 3px;
        position:absolute;
        bottom:5px;
        left:5px;
        color:#fff;
        font-size:10px;
        text-align:right; }

      .content.thumbs ul li .typeV {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 0 no-repeat; }

      .content.thumbs ul li .typeA {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -15px no-repeat; }

      .content.thumbs ul li .typeP {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -30px no-repeat; }

      .content.thumbs ul li .typeD {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -45px no-repeat; }

    .content.thumbs div .play {
      position:absolute;
      top:20px;
      left:47px;
      visibility:hidden; }

      .content.thumbs ul li:hover .play {
        visibility:visible; }


.content.thumbs ul li.divide {
  margin: 5px 0 0; }

.content.thumbs ul li ul {
  padding: 0 0 5px; }

.content.thumbs ul li li {
  float: none;
  width: auto;
  height: auto;
  font-size: 11px;
  line-height: 15px;
  color: #9b9b9b;
  border: 0;
  margin: 0; }

.content.thumbs ul li li a {
  color: #666; }

.box-w #media-box-list.content.thumbs ul li,
.box-w #group-medias-box-list.content.thumbs ul li,
.box-w #channel-media-box-list.content.thumbs ul li {
  width:135px; }

/*-------------------- LIST -----------------------*/

.content.list ul li {
  padding:5px 0;
  list-style:none;
  border-bottom:1px dotted #ccc;
  position: relative;
}

  .content.list ul li div {
    width:400px;
    margin:0 10px 0 0;
    float:left; }

  .content.list ul li div p,
  .content.list ul li div h3 {
    padding:0; }

  .content.list ul li div.image {
    width:135px;
    display:block;
    float:left;
      position: relative; }

    .content.list ul li div.image {
      width:135px;
      position:relative; }


      .content.list ul li div.image span.types {
        width:119px;
        height:15px;
        padding:0 3px;
        position:absolute;
        bottom:5px;
        left:5px;
        color:#fff;
        font-size:10px;
        text-align:right; }

      .content.list ul li .typeV {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 0 no-repeat; }

      .content.list ul li .typeA {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -15px no-repeat; }

      .content.list ul li .typeP {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -30px no-repeat; }

      .content.list ul li .typeD {
        background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -45px no-repeat; }

    .content.list div .play {
      position:absolute;
      top:20px;
      left:47px;
      visibility:hidden; }

      .content.list ul li:hover .play {
        visibility:visible; }

    .content.list ul li .thumbnail span {
      cursor:pointer;
      color:#f0f0f0;
      text-indent:-9999px;
      display:block;
      position:absolute;
      top:0;
      left:0;
      height:76px;
      width:135px;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -1374px 0 no-repeat; }

    .content.list ul li .tag,
    .content.list ul li .thumbnail .tag {
      background: none;
      position:absolute;
      top:5px;
      right:5px;
      text-indent:-9999px;
      display:block;
      width:31px;
      height:35px; }

    .content.list ul li .thumbnail .tag {
      left: auto; }

      .content.list ul li .tag.new {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -45px no-repeat; }

      .content.list ul li .tag.online {
        background:url(../images/frontend/imgOverlays/overlay-sprite.png) 0 0 no-repeat; }

      .content.list ul li .tag.favorite {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -236px no-repeat; }

      .content.list ul li .tag.own {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -92px no-repeat; }

      .content.list ul li .tag.friend {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 1px -140px no-repeat; }

      .content.list ul li .tag.featured {
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -186px no-repeat; }

  .content.list ul li ul {
    float:left;
    width:145px;
  }

  .content.list ul li ul.actions {
    clear: both;
    display: inline;
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
  }

  .content.list ul li ul.actions li {
    width: auto;
  }

  .content.list ul li ul.actions li a {
    color: #CCCCCC;
    font-size: 12px;
    padding-left: 20px;
    display: none;
    text-indent: -999px;
    width: 0;
  }

  .content.list ul li:hover ul.actions li a {
    display: block;
  }

  .content.list ul li ul.actions li a:hover {
    color:#777777;
    text-decoration:none;
  }

  .content.list ul li ul.actions li a#remove {
    background:transparent url(../images/frontend/icons/icons-sprite.png) no-repeat scroll 6px -774px;
  }

.box-w .content.list ul li {
  width: 720px;
  min-height:75px; }

  .box-w .content.list.newsletter ul li {
  min-height:20px; }

.box-w .content.list ul li li { min-height:0px; }

.content.list ul li h3 {
  margin-bottom:5px;
    font:1.2em "UbuntuTitlingBold", "Arial", Tahoma, sans-serif; }

.content.list ul li cite {
  font-weight: normal;
  font-size: 11px;
  color: #808080; }

.content.list ul li p {
  font-size: 12px; }


.box-m .content.list ul li p a p {
  padding:0; }


.box-s .content.list ul li ul {
  padding: 0 0 0 50px;
  font-size:11px; }

#content .box-s .content.list ul li ul li {
  padding: 0;
  margin-top:-1px; }

#content .box-w .content.list ul li ul li {
  padding:0 0 0 0;
    height:auto;
    border:0;  }

.box-w #media-box-list.content.list h3 {
  float:left;
  width:570px;
  margin-bottom:5px; }

.box-w #media-box-list.content.list ul li ul li {
  width:auto; }




/*-------------------------------------------------------
      USER LISTS
-------------------------------------------------------*/

.content.userlist ul li {
  border-bottom:1px dotted #ccc;
  float:left;
  margin:5px 7px 0 0;
  width:81px;
  height:145px;
  overflow:hidden;
  font-size:11px;
  color:#666; }

  .content.userlist ul li ul li {
    border-bottom:none;
    height:auto;
    margin:0; }

  .content.userlist .image {
    position:relative; }

    .content.userlist .image .tag {
      position:absolute;
      top:5px;
      right:6px;
      text-indent:-9999px;
      display:block;
      height:31px;
      width:35px; }

      .content.userlist .image .tag.online {
        background:url(../images/frontend/imgOverlays/overlay-sprite.png) 5px 0 no-repeat; }

      .content.userlist .image .tag.friend {
        background:url(../images/frontend/imgOverlays/overlay-sprite.png) 5px -140px no-repeat; }

  .content.userlist ul li .avatar {
     }

      .avatar span,
    .content.userlist ul li .avatar span {
      color:#f0f0f0;
      text-indent:-9999px;
      display:block;
      position:absolute;
      bottom:0;
      left:0; }

      .box-m .avatar span,
      .box-wm .avatar span,
      .box-w .avatar span,
      .message .avatar span,
      .messageView .avatar span,
      #visitors .avatar span {
        height:80px;
        width:80px;
        background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -78px 0 no-repeat; }

      .box-s .avatar span {
        height:95px;
        width:95px;
        background:transparent url(../images/frontend/thumbs/thumb-sprite.png) 0 -268px no-repeat; }

/*-------------------------------------------------------
      GROUP LISTS
-------------------------------------------------------*/

.content.groupslist li {
  border-bottom:1px dotted #ccc;
  float:left;
  margin:5px 2px 5px 0;
  width:100px;
  height:115px;
  overflow:hidden;
  font-size:11px;
  color:#666;
  position:relative;
  display:block;
}

  .content.groupslist li span {
    display:block;
    text-indent:-9999px;
    position:absolute;
    top:0;
    left:0; }

    .box-w .content.groupslist li span {
      height:73px;
      width:100px;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -618px 0 no-repeat; }


/*-------------------------------------------------------
      PROFILE ACTIONS
-------------------------------------------------------*/

.profile .actions {
  position:absolute;
  bottom:0;
  right:0;
  color:#fff;
  width:150px;
  text-align:right;
  visibility:hidden; }

  .profile:hover .actions {
    visibility:visible; }

.profile .actions a {
  font-size:12px;
  color:#ccc;
  padding-left:20px; }

  .profile .actions a:hover {
    color:#777777;
    text-decoration:none; }

  .profile .actions a.delete,
  .profile .actions a.leave,
  .top .actions a.delete {
    background:url(../images/frontend/icons/icons-sprite.png) 6px -774px no-repeat; }

    .profile .actions a.delete:hover,
    .profile .actions a.leave:hover,
    .top .actions a.delete:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -383px -774px no-repeat; }

  .profile .actions a.edit,
  .top .actions a.edit {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -613px no-repeat; }

    .profile .actions a.edit:hover,
    .top .actions a.edit:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -385px -613px no-repeat; }

  .profile .actions a.pw {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -1698px no-repeat; }

    .profile .actions a.pw:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -385px -1698px no-repeat; }

  .profile .actions a.add {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -1432px no-repeat; }

    .profile .actions a.add:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -385px -1432px no-repeat; }

  .profile .actions a.editFriends,
  .profile .actions a.editMembers {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1390px no-repeat; }

    .profile .actions a.editFriends:hover,
    .profile .actions a.editMembers:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -390px -1390px no-repeat; }

  .profile .actions a.deleteFriend {
    background:url(../images/frontend/icons/icons-sprite.png) 0px -1471px no-repeat; }

    .profile .actions a.deleteFriend:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -390px -1471px no-repeat; }

  .profile .actions a.editMedia {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -871px no-repeat; }

    .profile .actions a.editMedia:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -385px -871px no-repeat; }

  .profile .actions a.invite,
  .profile .actions a.pn {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1172px no-repeat; }

    .profile .actions a.invite:hover,
    .profile .actions a.pn:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -388px -1172px no-repeat; }

  .profile .actions a.groupMessage {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1096px no-repeat; }

    .profile .actions a.groupMessage:hover {
      background:url(../images/frontend/icons/icons-sprite.png) -171px -1096px no-repeat; }



/*-------------------------------------------------------
      USERPROFILE
-------------------------------------------------------*/

#content .box-w.user,
#content .box-w.user .box-w {
  background:transparent; }

#content .content.profile {
  height:180px;
    padding:0; }

.profile #info {
  display:block;
  height:180px;
  width:515px;
    float:left;
    margin:0 0 0 20px;
  position:relative;
  background:transparent; }

  .profile #info h2 {
    background:transparent; }

.profile #info ul {
  position:absolute;
  bottom:0;
  left:0;
    vertical-align:baseline; }

.content.profile div.avi {
  float: left;
  position:relative; }

  .content.profile div.avi span {
    position:absolute;
    top:0;
    left:0;
    display:block;
    height:180px;
    width:180px;
    text-indent:-9999px;
    background:url(../images/frontend/thumbs/thumb-sprite.png) -298px 0 no-repeat; }

  .content.profile div.avi .tag.online {
    height:35px;
    width:31px;
    top:5px;
    left:145px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 0 no-repeat; }

  .content.profile div.avi .tag.friend {
    height:35px;
    width:31px;
    top:5px;
    left:145px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }

.content.profile ul {
    float:left;
    width:328px; }

.content.profile p {
  padding: 10px 0; }

.content.profile .table {
  float: none;
  width: 470px;
  margin: 0;
  border-bottom: 1px solid #dedede; }

.content.profile .table li {
  line-height: 18px; }

.content.profile .table li.left {
  width: 100px;
  float: left; }

dl.user {
  margin-bottom:15px; }

  dl.user dt,
  dl.user dd {
    float:left; }

  dl.user dd {
    width:120px; }

  dl.user dt {
    width:600px; }

/*-------------------------------------------------------
      EDIT PROFILE
-------------------------------------------------------*/


form#editprofile dd {
  margin-bottom:10px; }

  form#editprofile dd.last {
    margin-bottom:0; }

  form#editprofile dd.hidden input,
  form#editprofile dd.hidden label {
    float:left; }

  form#editprofile dd.hidden label {
    padding-top:1px; }

form#editprofile select,
form#openid_register select {
  width:255px;}

form#editprofile .birthday select,
form#openid_register .birthday select {
  width:82px;}

form#editprofile label {
  padding-left:0; }

form#editprofile fieldset {
  padding-bottom:10px; }


form#editprofile textarea,
form#editprofile input#profile_username,
form#editprofile input#profile_email,
form#editprofile input#profile_firstname,
form#editprofile input#profile_lastname,
form#editprofile input#profile_city,
form#editprofile input#profile_country {
  width:485px; }

.p_avatar  {
  margin-top:5px; }

  .p_avatar img,
  .p_avatar fieldset,
  .p_avatar fieldset input,
  .p_avatar fieldset label {
    float:left; }

  .p_avatar fieldset {
    margin-left:5px; }

    .box-wm form  .p_avatar fieldset label {
      font-weight:normal;
      padding:1px 0 0;
      margin:0; }


/*-------------------------------------------------------
        PN
-------------------------------------------------------*/

/*-------------- OVERVIEW ------------------------*/

.content.message .image {
  position:relative; }

  .content.message .image .tag {
    position:absolute;
    right:5px;
    top:5px;
    display:block;
    text-indent:-9999px;
    height:31px;
    width:35px;}

    .content.message .image .tag.online {
      background:url(../images/frontend/imgOverlays/overlay-sprite.png) 0 0 no-repeat; }

    .content.message .image .tag.friend {
      background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }

.box-w.messages {
  margin-top:10px; }

  .box-w.messages .sort1 {
    border-bottom:1px dotted #dfdfdf; }

form#compose {
    margin-top:10px; }

.content.message ul {
    width:100%; }

  div.content.message li {
      border-bottom:1px dotted #dedede;
      width:100%;
      padding:5px 0; }

    .content.message li ul li {
       width:auto; }

  .content.message li.read,
  .content.message li.read a {
      color:#9b9b9b; }

    .content.message li.read a:hover {
        color:#777777; }

  .content.message li.unread {
     }

  .content.message li li {
      float:left;
      list-style:none;
      border:none;
      padding:0; }

  .content.message li.mark {
      padding:10px; }

.message .avatar,
.messageView .avatar {
  position:relative;
  display:block;
  height:80px;
  width:80px;
  margin:0 5px; }

  .message .avatar span,
  .messageView .avatar span {
    position:absolute;
    top:0;
    left:0;
    text-indent:-9999px; }

  .message .avatar img {
    margin:0; }

  .content.message li.title {
      padding: 3px;
      width: 150px; }

    .content.message li.title cite {
      display:block;
        font-size:10px;
      width:105px; }

  .content.message li.subject {
      padding:5px 0;
      width:354px;
    font-weight:bold;
    font-size:1.1em; }

  .content.message li.icon {
    margin-top:20px;
      padding:10px;
      width:20px; }

    .content.message li.icon a {
        background:url(../images/frontend/icons/icons-sprite.png) -389px -1175px no-repeat;
        text-indent:-9999px;
        display:block; }

    .content.message li.read li.icon a {
        background:url(../images/frontend/icons/icons-sprite.png) 0 -1134px no-repeat; }

  .content.message li.del {
      padding:5px 0;
      width:80px; }

    .content.message li.del a {
      padding:0 0 0 15px;
        overflow: hidden;
        display: block;
      color:#ccc;
      font-size:11px;
        background: url(../images/frontend/icons/icons-sprite.png) 0 -772px no-repeat;
      visibility:hidden; }

      .content.message ul li:hover li.del  a {
        visibility:visible; }

      .content.message li.del a:hover {
        color:#999999;
        text-decoration:none;
          background: url(../images/frontend/icons/icons-sprite.png) -390px -772px no-repeat; }

.message .content div {
  float:left; }


/*-------------- DETAIL ------------------------*/

.messageView .sort1 {
  border-bottom:1px dotted #dfdfdf; }

.box-w.messageView .sort1 li {
  padding:0; }

.messageView .image {
  position:relative;
  width:80px; }

.messageView .avatar {
  margin:0; }

.messageView .content ul li .tag {
  position:absolute;
  right:5px;
  top:5px;
  display:block;
  text-indent:-9999px;
  height:35px;
  width:31px; }

  .messageView .content ul li .tag.online {
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 0 no-repeat; }

  .messageView .content ul li .tag.friend {
    right:4px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }


.messageView ul li div {
  float:left; }

.messageView ul li div.txt {
  position:relative;
  margin:0 0 0 10px;
  width:630px; }

  .messageView div.txt h3 {
    color:#999999;
    font-size:1.2em;
    margin:10px 0; }

  .messageView .txt p {
    padding-bottom:10px; }

  .messageView div.txt p.info {
    color:#999;
    font-size:.9em;
    padding-bottom:0; }

  .messageView ul.actions  {
    font-size:10px;
    position:absolute;
    right:0;
    top:0;
    width:140px;
    visibility:hidden; }

    .messageView ul.actions li {
      float:left;
      margin-left:5px; }

    .messageView div.txt:hover ul.actions  {
      visibility:visible; }

  .messageView ul.actions a {
    padding:0 0 0 20px;
    color:#ccc; }

    .messageView ul.actions a:hover {
      color:#999999;
      text-decoration:none; }

    .messageView ul.actions li a.reply {
      background:transparent url(../images/frontend/icons/icons-sprite.png) 3px -1001px no-repeat; }

      .messageView ul.actions li a.reply:hover {
        background:transparent url(../images/frontend/icons/icons-sprite.png) -385px -1001px no-repeat; }

    .messageView ul.actions li a.delete {
      background:transparent url(../images/frontend/icons/icons-sprite.png) no-repeat scroll 6px -774px; }

      .messageView ul.actions li a.delete:hover {
        background:transparent url(../images/frontend/icons/icons-sprite.png) no-repeat scroll -383px -774px; }

.box-w.messageView ul li {
  padding:5px 0 0 0;
  border-bottom:none; }



input#pm_username {
  width:253px;
  margin:0 0 5px 0; }

input#pm_subject {
  width:710px;
  margin:0 0 5px 0; }

.content.list.entry li p.messageaction a img {
  height:auto;
  width:auto;
  position:static;
}

.content.list.entry li p.messageaction a{
  margin:0 0 5px 0;
}

.content.list ul li p.messageaction {
  position:absolute;
  top:15px;
  right:0;
  width:92px;
}

.content.list ul li p.messageaction {
  text-align:right;
}

/*-------------------------------------------------------
      FRIENDS
-------------------------------------------------------*/

#my_friends_content li {
  height:120px; }

#my_friends_content li ul li{
  height:auto; }


#my_friends_content.box-s li {
  width:95px;
  height:115px; }

#my_friends_content.box-s .image {
  width:95px; }

.box-s .friends .image span {
  height:95px;
  width:95px;
  position:absolute;
  top:0;
  left:0; }

.box-s .friends .image .tag {
  left:55px; }


#content .content.friends {
  padding-top:3px; }

.content.friends p {
  padding:5px 0 0 0; }

.content.friends h3 {
  padding:5px 0 0 0; }

.content.friends form input#friends_submit_id {
  margin:0 0 10px 0; }

textarea#message {
  width:710px;
  height:70px; }

#friends textarea#message {
  width:462px;
  height:70px; }

#password input[type=password] {
  width:485px; }

#password dd {
  margin-bottom:5px; }

/*-------------------------------------------------------
      FRIEND REQUESTS
-------------------------------------------------------*/

#requests .content ul li {
  height:165px; }

#pending .content ul li {
  height:150px; }

#requests .content ul li ul li,
#pending .content ul li ul li {
  height: auto; }


/*-------------- CONFIRM - DELETE ------------------------*/

#friendrequest {
  border:2px solid #777777;
  padding:10px;
  margin-bottom:10px;
  width:700px;
  position:relative; }

  #friendrequest.box-w {
    background:transparent; }

  #friendrequest h3 {
    font:normal 20px "UbuntuTitlingBold", "Arial", Tahoma, sans-serif; }

  #friendrequest .wrap {
    padding:10px 0;
    width:460px; }

  #friendrequest a#confirm {
    right:20px; }

  #friendrequest a#delete {
    right:135px; }



/*-------------------------------------------------------
      BLOG
-------------------------------------------------------*/


/*-------------- OVERVIEW ------------------------*/

#new_blogs_content.box-w .content {
  padding-bottom:20px; }

.infoLine {
  color:#999;
  margin:10px 0; }

.infoLine li {
  border-right: 1px solid #CCCCCC;
  float: left;
  margin-right: 5px;
  padding-right: 5px;
}

.infoLine li.favorite {
  border-right:none; }

  .infoLine li.favorite a {
    display:block;
    text-indent:-9999px;
    height:16px;
    width:16px; }

    .infoLine li.favorite a.add {
      background:url(../images/frontend/icons/icons-sprite.png) 0 -1254px no-repeat; }

      .infoLine li.favorite a.add:hover,
      .infoLine li.favorite a.add:active {
        background:url(../images/frontend/icons/icons-sprite.png) -172px -1254px no-repeat; }

    .infoLine li.favorite a.remove {
      background:url(../images/frontend/icons/icons-sprite.png) -172px -1254px no-repeat; }

      .infoLine li.favorite a.remove:hover,
      .infoLine li.favorite a.remove:active {
        background:url(../images/frontend/icons/icons-sprite.png) 0 -1254px no-repeat; }

.blog .comments {
  margin.left:2px;
  padding-left:18px;
  background:url(../images/frontend/icons/icons-sprite.png) 2px -1846px no-repeat; }

.blog .post {
  border-bottom:1px dotted #dfdfdf;
  padding:10px 0;
  margin:0 0 0 0; }

.blog h3 {
  font:1.2em "UbuntuTitlingBold", "Arial", Tahoma, sans-serif;
  line-height:1.3em; }




/*-------------- DETAIL ------------------------*/

.box-w.blog {
  background:transparent; }

.blog .top div {
  position: relative;
    display:block;
    height:15px; }

.content.list.blog ul li cite,
.content.list.blog ul li h3 {
  float: none; }

.box-w .content.list.blog ul li {
  height: auto;
  padding:15px 0;
  width:700px; }

.content.list.blog ul li span.date {
  font-size: 10px;
  display: block;
  color:#808080; }

.content.list.blog ul li h3 {
  line-height: 1.2em;
  padding: 0; }

.content.list.blog ul li p {
  width: 600px;
  padding: 2px 0 3px 0; }

.content.list.blog ul li p a.readmore {
  margin:5px 0 0 0; }

ul.action {
  list-style: none;
  width:100%;
  padding:0 0 0 5px; }

ul.action li {
  display:inline; }

ul.action li a {
  text-decoration:none;
  border-bottom:1px dashed #6f6f6f; }

.box-m .content.list.blog li {
  width: 350px;
  line-height: 18px; }

.box-m .content.list.blog li h3 {
  padding: 0 0 0 50px; }

.box-w form label,
.box-wm form label {
  display: block;
  padding: 5px 0 0 3px; }

.box-wm form textarea {
  margin: 5px 0;
  width:480px; }

.box-w form textarea,
.box-w form input[type=text] {
  margin: 5px 0; width:710px; }

.box-w form .media_permissions label,
.box-wm form .media_permissions label {
  display: inline !important;
  font-weight: normal !important;
}

#content .box-w .blog .actions li {
  height: 25px; }


.box-s .blog h3 {
  margin:0 0 5px; }

/*---------------------- EDIT BLOG ---------------------*/

input#blog_title,
input#blog_tags {
  width:485px; }

textarea#blog_text {
  width:485px;
  height:400px;
  margin:0 0 10px 0; }

#editblog label {
  font-size:12px;
  font-weight:bold;
  margin-bottom:2px; }


/*-------------------------------------------------------
      GROUPS
-------------------------------------------------------*/

#own-groups-box .filter {
  position:relative; }

.box-w.groups {
  background:transparent; }

#content .group-list ul ul {
  width:110px; }

#content .group-list .avatar {
  display:block;
  height:80px;
  width:110px; }

  #content .group-list .avatar span {
    width:110px;
    height:80px;
    top:0;
    left:0;
    text-indent:-9999px;
    display:block;
    padding:0;
    background:url(../images/frontend/thumbs/thumb-sprite.png) -735px 0 no-repeat;
    font-size:1px; }

  #content .group-list.content.thumbs .tag.new {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -45px no-repeat; }

  #content .group-list.content.thumbs .tag.favorite {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -236px no-repeat; }

  #content .group-list.content.thumbs .tag.own {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -92px no-repeat; }

  #content .group-list.content.thumbs .tag.friend {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }

  #content .group-list.content.thumbs .tag.featured {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -186px no-repeat; }

  #content .group-list.content.thumbs .tag.invited {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -285px no-repeat; }

  #content .group-list.content.thumbs .tag.joins {
    left:74px;
    text-indent:-9999px;
    display:block;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -285px no-repeat; }


.content.profile div.group.avi span {
  height:180px;
  width:247px;
  background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -864px 0 no-repeat ; }

  .content.profile div.group.avi .tag.new {
    height:35px;
    width:31px;
    top:5px;
    left:211px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -45px no-repeat; }

  .content.profile div.group.avi .tag.favorite {
    height:35px;
    width:31px;
    top:5px;
    left:211px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -236px no-repeat; }

  .content.profile div.group.avi .tag.own {
    height:35px;
    width:31px;
    top:5px;
    left:211px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -92px no-repeat; }

  .content.profile div.group.avi .tag.friend {
    height:35px;
    width:31px;
    top:5px;
    left:211px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -140px no-repeat; }

  .content.profile div.group.avi .tag.featured {
    height:35px;
    width:31px;
    top:5px;
    left:211px;
    background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 0 -186px no-repeat; }


.groupInfo h2 span {
  float:left;
  padding-right:3px; }

  .groupInfo h2 span.state {
    display:block;
    text-indent:-9999px; }

  .groupInfo h2 span.state.hidden {
    display:block;
    height:20px;
    width:20px;
    text-indent:-9999px;
    background:url(../images/frontend/icons/icons-sprite.png) -388px -2079px no-repeat; }


.profile #info.groupInfo {
  width:400px; }


#group-members.box-m  ul {
  height:252px; }



#content .content.gprofile {
  padding: 5px 0 21px; }

.content.gprofile img {
  float: left;
  width: 215px;
  background: #333; }

.content.gprofile ul {
  float: left;
  margin: 0 0 0 20px;
  list-style: none;
  width: 228px; }

.content.gprofile p {
  float: left;
  margin: 0 10px 0 20px;
  width: 222px;
  overflow:hidden; }

#content #group-media-list h3 {
  padding-top: 5px;
  border-bottom: 1px solid #CCCCCC; }

#content #group-media-list.thumbs ul li h3 {
  padding-top: 0;
  border-bottom: none;
  width:135px;
  height:33px;
  overflow:hidden; }

#content #group-media-list.thumbs ul li {
  width:135px;
  height:162px;
  overflow:hidden; }

#content #group-media-list.thumbs ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

#content #group-media-list.list ul li h3 {
  padding-top: 0;
  border-bottom: none;
  width:400px;
  overflow:hidden; }

#content #group-media-list.list ul li {
  width:720px;
  height:75px;
  overflow:hidden; }

#content #group-media-list.list ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

#content #group-user-list.thumbs ul li h3 {
  width:100px;
  height:33px;
  overflow:hidden; }

#content #group-user-list.thumbs ul li {
  width:100px;
  height:162px;
  overflow:hidden; }

#content #group-user-list.thumbs ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

#content #group-user-list.list ul li h3 {
  width:400px;
  overflow:hidden; }

#content #group-user-list.list ul li {
  width:720px;
  height:75px;
  overflow:hidden; }

#content #group-user-list.list ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

li.break {
  margin: 0 0 10px; }



/*------------------  NEW GROUP -----------------------*/


input#group_title {
  width:453px; }

textarea#group_description {
  width:453px;
  height:200px;
  margin:0 0 10px 0; }

#group-add label {
  font-size:12px;
  font-weight:bold;
  margin-bottom:2px; }

#group-add dt.clearfix label {
  float:left ;
}

#group-add dt span.info {
  float:left;
  margin-right:10px;
  padding: 5px 0 0 3px;
}

#group-add dt span.info small {
  font-size:11px;
  color:#666;
}

#group-add span.hidden_list {
  display:block; }

#group-add span.hidden_list input,
#group-add span.hidden_list label {
  display:inline;
  font-weight:normal; }

#group-add #group-add-submit {
  margin-top:10px; }

/*------------------  Invite Users -----------------------*/

#compose {
  padding-bottom:10px; }

#username {
  width:450px; }

#friend {
  width:220px; }

#inviteUsers .sort1 {
  border-bottom:1px dotted #dfdfdf; }

#compose div.inviteSuggest {
  display: none;
}

#compose div.inviteSuggest.act {
  display: block;
}

/*-------------------------------------------------------
      FORUM
-------------------------------------------------------*/

#content .breadcrumb {
  margin:0 0 5px 20px;
  width:580px;
  font-size:10px; }

.content.forum ul li {
  border-bottom:1px solid #ededed;
  width:100%;
  list-style: none;
  padding: 10px 0;
  color: #9b9b9b; }

.content.forum ul li ul li {
  border-bottom: 0;
  width: 50%; }

.content.forum ul li ul li {
  border-bottom: 0;
  width: 50%;
  padding: 0; }

.content.forum li.description {
  color: #333;
  font-size:11px; }

.content.forum li.title {
  float:left;
  font-size:13px;
  color:#333;
  margin:0 0 4px 0;
  width:400px; }

.content.forum li.title a {
  margin:0 0 5px 0;
  display:block;
  font:16px "UbuntuTitlingBold", "Arial", Tahoma, sans-serif; }

.content.forum li.stats,
.content.forum li.replies,
.content.forum li.author {
  font-size: 10px;
  padding:7px 10px 6px;
  text-align:center;
  color:#000; }

.content.forum li.stats,
#forum-list ul.top li.stats,
#forum-list ul.top li.replies {
  width:67px;
  text-align:center; }

#forum-list ul.top li.replies,
.content.forum li.replies,
.content.forum li.author {
  width:75px; }

.content.forum li.new {
  float: right;
  text-align: right;
  width:130px; }

  .content.forum li.new a img {
    height:18px;
    width:15px;
    background:url(../images/frontend/icons/icons-sprite.png) -388px -1842px no-repeat; }

.content.forum li.new cite {
  font-size:10px;
  margin-top:2px;
  display: block; }

#groups-thread-comments-box cite,
#own-groups-thread-comments-box cite {
  display: block; }




#forum-list {
  margin-top:8px;
}

#forum-list ul.top li {
  float:left;
  list-style:none;
  font-weight:bold;
  padding:7px 12px 6px;
  border-bottom:1px solid #ededed;
}

#forum-list ul.top li.title {
  width:395px;
  padding:7px 0 6px;
}

#forum-list ul.top li.author {
  text-align:center;
  width:75px;
}

#forum-list ul.top li.new {
  padding:7px 5px 6px 27px;
}

.forum ul.topic li {
  float:left;
}

.forum ul.topic li.icon {
  width:35px;
}

#forum-list.box-w ul.sort1 li.search,
#forum-thread.box-w ul.sort1 li.search {
  float:right;
}

#forum-list.box-w ul.sort1,
#forum-thread.box-w ul.sort1 {
  height:26px;
  padding:0 0 5px 0;
  margin-bottom:5px;
  width:720px;
  border-bottom:1px dotted #dfdfdf; }

#forum-list.box-w ul.sort1 li,
#forum-thread.box-w ul.sort1 li {
  padding:3px 0 0 10px;
}

#forum-list.box-w ul.sort1 li a,
#forum-thread.box-w ul.sort1 li a {
  margin:0;
  padding:0 2px; }

#forum-list.box-w ul.sort1 li.new,
#forum-thread.box-w ul.sort1 li.new {
  float:left;
  padding:2px 5px 0 0;
}




/*---------------- Legende -----------------*/

#forum-list ul.legende li {
  float:left;
  width:33%;
  vertical-align:middle;
  display:block;
  padding:2px 0;
}

#forum-list ul.legende li img {
  vertical-align:bottom;
}


/*-------------- FOREN BEITRAG ---------------------*/

#forum-thread .top div {
  display:block;
  height:15px;
  position:relative;
  padding:7px 0;
  margin:5px 0;
  border-top:1px dotted #dfdfdf;
  border-bottom:1px dotted #dfdfdf; }

#forum-thread .top div span.actions {
  width:100%;
  height: 25px;
}

#forum-thread .top div a {
  padding:0; }

#forum-thread.box-w {
  background:transparent;
  border-bottom:1px dotted #ccc; }

#forum-thread ul li.comment {
  padding-bottom:5px;
}

#forum-thread div.author {
  float:left;
  width:100px;
}

  #forum-thread div.author a {
    display:block;
    font-weight:bold; }

    #forum-thread div.author a.user {
      float:left;
      margin:2px 5px 0 0; }

  #forum-thread .image {
    position:relative;
    width:80px;
    margin-top:5px; }

    #forum-thread .image img {
      margin:0;
    }

    #forum-thread .image span {
      position:absolute;
      top:0;
      left:0;
      width:80px;
      height:80px;
      text-indent:-9999px;
      display:block;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -78px 0 no-repeat; }

      #forum-thread .image .tag.online {
        height:35px;
        width:31px;
        top:5px;
        left:44px;
        background:url(../images/frontend/imgOverlays/overlay-sprite.png) 0 0 no-repeat; }

      #forum-thread .image .tag.friend {
        height:35px;
        width:31px;
        top:5px;
        left:44px;
        background:transparent url(../images/frontend/imgOverlays/overlay-sprite.png) 1px -140px no-repeat; }


  #forum-thread div.author a.icon img {
    float:left;
    width:auto;
    height:auto;
    border:none;
    margin:0; }


#forum-thread div.title,
#forum-thread div.comment {
  float:left;
  width:610px;
  margin:0; }

#forum-thread div.title {
  position:relative;
  margin:0 0 10px 0;
  border-bottom:1px dotted #ccc; }

#forum-thread div.title p,
#forum-thread div.comment p {
  padding:0;
  color:#424242; }

#forum-thread div.comment p {
  width:100%; }

#forum-thread div.title p {
  font-size:10px;
  width:auto;
  margin:2px 0 0;
  padding:0 0 0 15px;
  background:url(../images/frontend/icons/icons-sprite.png)  -817px -2135px no-repeat; }

#forum-thread div.toplink {
  float:left;
  margin:10px 0 0 0;
  width:710px; }

  #forum-thread div.toplink a.nav {
    font-size:0.8em;
    color:#ccc;
    padding:0 0 0 15px;
    font-weight:bold;
    background:url(../images/frontend/icons/icons-sprite.png) 0px -369px no-repeat; }

    #forum-thread div.toplink a.nav:hover {
      color:#999999;
      text-decoration:none;
      background:url(../images/frontend/icons/icons-sprite.png) -388px -369px no-repeat; }

#forum-thread ul.actions {
  font-size:10px;
  padding:0 0 0 15px;
  width:auto;
  position:absolute;
  top:0;
  right:0;
  visibility:hidden; }

  #forum-thread ul.actions li {
    width:auto; }

  #forum-thread li.thread:hover ul.actions,
  #forum-thread li.comment:hover ul.actions {
    visibility:visible; }

  #forum-thread ul.actions li {
    float:left;
    margin-left:10px; }

    #forum-thread ul.actions li a {
      padding:0 0 0 20px;
      color:#ccc; }

      #forum-thread ul.actions li a:hover {
        color:#999999;
        text-decoration:none; }

    #forum-thread ul.actions li a.edit {
      background:transparent url(../images/frontend/icons/icons-sprite.png) 4px -613px no-repeat; }

      #forum-thread ul.actions li a.edit:hover {
        background:transparent url(../images/frontend/icons/icons-sprite.png) -385px -613px no-repeat; }

    #forum-thread ul.actions li a.delete {
      background:transparent url(../images/frontend/icons/icons-sprite.png) 6px -774px no-repeat; }

      #forum-thread ul.actions li a.delete:hover {
        background:transparent url(../images/frontend/icons/icons-sprite.png) -383px -774px no-repeat; }

.content.list.entry li {
  width: 580px;
  height: auto;
  padding:0 0 10px 0;
  margin-bottom:10px;}

  .content.list.entry li h3 {
    width: auto;
    margin-bottom:4px; }

.content.list.entry li cite {
  float: none; }

.content.list.entry li p {
  width: 500px; }

.content.list.entry li.last {
  padding: 15px 0 25px 0; }

.content.entry .backlink {
  position: absolute;
  bottom: 25px;
  left: 20px;
  font-size: 10px;
  color: #9b9b9b; }

#content .content.entry .backlink:active {
  position: absolute;
  bottom: 24px;
  left: 20px;
  top: auto; }

.box-w .content.list.entry ul li ul.do {
  padding: 2px 10px 0 15px;
  line-height: 14px;
  margin:1px 0 0 0;
  height: 21px; }

#content .box-w .content.list.entry ul li ul.do li {
  float: right;
  list-style: none; }

.box-w .content.list.entry ul li ul.do li a {
  position: relative;
  padding: 0px 4px 4px 4px;
  display: block;
  float: left;
  margin: 1px 1px 0 0;
  color: #9b9b9b;
  font-size: 10px;
  text-decoration: none; }

.box-w .content.list.entry ul li ul.do li.act a,
.box-w .content.list.entry ul li ul.do li a:hover {
  color: #333; }



/*---------------- New Thread -----------------*/

#newthread,
#newcomment,
#editcomment {
  padding:0 0 10px 0; }

form#newthread label {
  font-size:12px;
  font-weight:bold;
  margin-bottom:2px;
}

form#newthread input#thread_title {
  width:710px;
}

form#newthread textarea {
  width:710px;
}


form#newcomment label {
  font-size:12px;
  font-weight:bold;
  margin-bottom:2px;
}

/*---------------- EDIT THREAD -----------------*/

#editthread {
  padding-bottom:20px; }


/*---------------- TEXT BOX -----------------*/

#content .comment h2 {
  margin-top:10px;
  background:transparent; }

#content .content.text {
  padding:0 0 21px 0; }

.content.text p {
  padding:5px 0; }


#newcomment textarea {
  width:710px; }




#group-threads-box,
#group-members-box {
  padding-bottom:20px; }

#group-threads-box.box-m .content,
#group-members-box.box-m .content {
  padding:0;
  margin:0;}

div.groupDescr {
  margin:0 10px 10px 0; }




/*-------------------------------------------------------
      HISTORY
-------------------------------------------------------*/

#history p {
  display: none; }

#history ul li ul li {
  border: 0; }



/*-------------------------------------------------------
      COMMENTS
-------------------------------------------------------*/

.comments ul li .avatar {
    position:relative; }

.box-w.comments,
.box-wm.comments {
  background:transparent;
  border-bottom:1px dotted #ccc; }

#content .box-w.comments .content,
#content .box-wm.comments .content {
  margin-bottom:0; }

.comments a.avatar,
.comments div {
  float:left; }

  .comments .avatar span {
    bottom:0; }

  .comments .content.list ul li div {
    float:left;
    margin:0 0 0 10px;
    width:400px; }

    .comments .content.list ul li div.image {
      position:relative;
      width:80px;
      margin:0; }

#content .box-w.commentForm h2,
#content .box-wm.commentForm h2 {
  margin-top:10px;
  background:transparent; }


/*-------------------------------------------------------
      MEDIA
-------------------------------------------------------*/

/*---------------- DETAIL -----------------*/

.media .top div {
  display:block;
  height:15px;
  position:relative; }

.box-w.media {
  background:transparent;
  padding-bottom:0;
  margin-bottom:0; }

.content .tags a {
  padding:0 2px;
  color:#777777;
  background:#FFFFFF; }

  .content .tags a:hover {
    color:#333333;
    text-decoration:none; }

.content .categories a {
  padding:0 2px;
  color:#777777;
  background:#FFFFFF; }

  .content .categories a:hover {
    color:#333333;
    text-decoration:none; }

#content .box-w.media .content.player {
  padding-bottom:0;
  margin-bottom:10px; }

#content .media  h2 {
  color:#777777;
  background:transparent; }

#content .media  ul.sort1 {
  border:none; }

#mediaInfo li {
  margin:5px 0; }

  #mediaInfo li {
    float:left;
    border-right:1px solid #ccc;
    padding-right:5px;
    margin-right:5px; }

#mediaInfo a {
  color:#777777;
  font-size:1em; }

/*
#content .content.player div {
  background:transparent; }
*/

#mediaDetails  {
  margin:0 15px 15px 0; }

#description_wrapper {
  overflow: hidden;
}

#mediaDetails  #description_wrapper .content {
  overflow: hidden;
  margin:0;
  padding:0; }

#mediaDetails  #description_wrapper.closed .content {
  height: 48px; }

#mediaDetails  #description_wrapper .toggler {
  display: block;
  text-align: center;
  margin: 3px 0;
}

#mediaDetails  #description_wrapper .toggler:active,
#mediaDetails  #description_wrapper .toggler:hover {
  text-decoration: none;
}

#mediaDetails  #description_wrapper .toggler .close {
  background: url("../images/frontend/icons/icons-sprite.png") no-repeat scroll 0 -367px transparent;
  display: inline;
  padding: 0 0 0 15px; }

#mediaDetails  #description_wrapper .toggler .close:active,
#mediaDetails  #description_wrapper .toggler .close:hover {
  background: url("../images/frontend/icons/icons-sprite.png") no-repeat scroll -388px -367px transparent;
}

#mediaDetails  #description_wrapper.closed .toggler .close {
  display: none; }

#mediaDetails  #description_wrapper .toggler .open {
  background: url("../images/frontend/icons/icons-sprite.png") no-repeat scroll 0 -335px transparent;
  display: none;
  padding: 0 0 0 15px; }

#mediaDetails  #description_wrapper .toggler .open:active,
#mediaDetails  #description_wrapper .toggler .open:hover {
  background: url("../images/frontend/icons/icons-sprite.png") no-repeat scroll -388px -335px transparent;
}

#mediaDetails  #description_wrapper.closed .toggler .open {
  display: inline; }

#mediaDetails  #description {
  margin:0 15px 15px 0; }

#mediaDetails .nobg {
  background:transparent; }


#mediaDetails .box-s {
  background:transparent;
  margin: 0 20px 0 0;
}

  #mediaDetails .box-s .content {
    padding:0 0 10px; }

  #mediaDetails .box-w .content.shares {
    width:326px;
    height: 42px;
    margin: 0 0 15px auto;
  }

  #mediaDetails .box-w #download_button {
    display: block;
    float: right;
    height: 42px;
    width: 192px;
    margin: 0 10px 15px auto;
  }

  #mediaDetails .comments .content.list ul li div {
    width:630px;
  }

  #mediaDetails .comments .content.list ul li div.image {
    width:80px;
  }


/*-------------------------------------------------------
      VIDEOBOX
-------------------------------------------------------*/

#videobox {
  width: 720px;
  height: 535px;
  color: #f8f8f8;
  /* background: #333; */
  text-transform: uppercase;
  margin: 0 0 10px 20px; }

#flashcloud {
  background: none !important;
}

/*-------------------------------------------------------
      UPLOAD
-------------------------------------------------------*/

#content div#upload {
  width:720px; }

#upload dd {
  margin-bottom:5px; }

#upload .upload-section.closed {
  overflow: hidden;
  height: 35px;
}

#upload .upload-section h2 {
  height: 22px;
  cursor: pointer;
}

#upload .upload-section h2 img {
  background: url("../images/frontend/icons/icons-sprite.png") repeat scroll -594px -334px transparent;
  height: 16px;
  width: 16px;
}

#upload .upload-section.closed h2 img {
  background: url("../images/frontend/icons/icons-sprite.png") repeat scroll -594px -287px transparent;
}

#upload #upload_methods a {
  font-size:10px;
  height:15px;
  line-height:15px;
  padding: 0px 4px;
  display: block;
  float: left;
  margin: 1px 3px 0 0;
  color: #333;
  background:#efefef;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  text-decoration: none;
}

  #upload #upload_methods a.act,
  #upload #upload_methods a:hover {
    color:#fff;
    border:1px solid #999999;
    background:#CCCCCC; }

#upload .upload_container {
  display: none;
  min-height: 150px;
}

#upload #swfupload_container {
  display: block;
}

#upload p {
  padding:2px 0 2px 0;
  font-size:10px;
  line-height:1.2em;
}

#upload span.types_list input,
#upload span.hidden_list input {
  display:inline;
}

#upload span.types_list label,
#upload span.hidden_list label {
  display:inline;
  font-weight:normal;
}

#upload p label {
  font-weight:bold;
  font-size:12px;
  margin-bottom:2px;
}

#upload p label {
  padding:10px 0 0 0; }

#upload ul.channel_info li {
  float:left;
  display:block;
  width:240px; }

#upload ul.error_list {
  list-style:none;
  background:#F6BABA none repeat scroll 0 0;
  border:1px solid #F6A1A1;
  padding:4px 10px; }


/*-------------- UPLOAD WIDGET  ------------------------*/

#swfuploadWidget {
  position: relative;
}

#swfuploadWidget input#txtFileName {
  width:500px;
  margin: 8px 0 0 0;
  display: none; }

#swfuploadWidget input#txtFileName.on {
  display: inline; }

#swfuploadWidget object.swfupload {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 0;
}

#swfuploadWidget .swfuploadUploader {
  height: 35px;
  position: relative;
}

#swfuploadWidget.batchUpload object.swfupload {
  right: auto;
  left: 0;
  top: 0;
}

#swfuploadWidget input.httpupload {
  width:500px;
  margin: 8px 0 0 0; }

#swfuploadWidgetHelp {
  padding:5px 0 0 0; }

#swfuploadWidgetHelp p {
  font-size:10px;
  line-height:1.2em; }

#swfuploadWidget object p,
#swfuploadWidget  #btnPlaceholder p {
  color: #990000;
  font-weight: bold;
}

/*-------------- UPLOAD HELP BOX  ------------------------*/

#editprofile label .help,
#upload label .help {
  position: relative;
  margin: 0 0 0 5px;
}

#editprofile label .help .info,
#upload label .help .info {
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #333333;
  display: none;
  left: 20px;
  padding: 5px;
  position: absolute;
  top: 0;
  width: 600px;
}

#editprofile label .help:hover .info, 
#upload label .help:hover .info {
  display: block;
}


/*-------------------------------------------------------
      EDIT MEDIA
-------------------------------------------------------*/

#content div#edit {
  width:470px; }

#content #edit dd {
  margin-bottom:5px; }

#edit p {
  padding:2px 0 2px 0;
  font-size:10px;
  line-height:1.2em;
}

#edit span.types_list input,
#edit span.hidden_list input {
  display:inline;
}

#edit span.types_list label,
#edit span.hidden_list label {
  display:inline;
  font-weight:normal;
}

#edit p label {
  font-weight:bold;
  font-size:12px;
  margin-bottom:2px;
}

#edit p label {
  padding:10px 0 0 0;
}

#edit input#media_title,
#edit input#media_tags {
  width:450px;
}

#edit form textarea {
  margin:0;
  width:450px;
}
/*-------------------------------------------------------
      FAVORITE
-------------------------------------------------------*/

#mediaInfo li.favorite {
  border-right:none; }

  #mediaInfo li.favorite a {
    display:block;
    text-indent:-9999px;
    height:16px;
    width:16px; }

    #mediaInfo li.favorite a.add {
      background:url(../images/frontend/icons/icons-sprite.png) 0 -1256px no-repeat; }

      #mediaInfo li.favorite a.add:hover,
      #mediaInfo li.favorite a.add:active {
        background:url(../images/frontend/icons/icons-sprite.png) -172px -1256px no-repeat; }

    #mediaInfo li.favorite a.remove {
      background:url(../images/frontend/icons/icons-sprite.png) -172px -1256px no-repeat; }

      #mediaInfo li.favorite a.remove:hover,
      #mediaInfo li.favorite a.remove:active {
        background:url(../images/frontend/icons/icons-sprite.png) 0 -1256px no-repeat; }


/*-------------------------------------------------------
      RATING
-------------------------------------------------------*/

.rating {
  position:relative; }

.rating img,
.rating span {
  float:left; }

.rating img {
  height:16px;
  width:16px; }

.rating .stars {
  width:80px;
  display:block; }

  .rating .stars img {
    height:16px;
    width:16px;
    float:left; }

  .rating .starEmpty {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1788px no-repeat; }

  .rating .starHalf {
    background:url(../images/frontend/icons/icons-sprite.png) -390px -1744px no-repeat; }

  .rating .starFull {
    background:url(../images/frontend/icons/icons-sprite.png) -390px -1788px no-repeat; }

  .rating .stars a img.hover,
  .rating .stars a img:active,
  .rating .stars a img:hover {
    background:url(../images/frontend/icons/icons-sprite.png) -390px -1788px no-repeat; }

  .rating .stars a img.clear {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1788px no-repeat; }

.rating span.info {
  color:#999;
  font-size:11px;
  padding:0 0 0 3px; }


/*-------------------------------------------------------
      Likes
-------------------------------------------------------*/

.likes {
  position:relative; }

.likes img,
.likes span {
  float:left; }

.likes img {
  height:16px;
  width:16px; }

.likes .stars {
  width:16px;
  display:block; }

  .likes .stars img {
    height:16px;
    width:16px;
    float:left; }

  .likes .likeEmpty {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1818px no-repeat; }

  .likes .likeFull {
    background:url(../images/frontend/icons/icons-sprite.png) -173px -1818px no-repeat; }

  .likes .stars a img.hover,
  .likes .stars a img:active,
  .likes .stars a img:hover {
    background:url(../images/frontend/icons/icons-sprite.png) -173px -1818px no-repeat; }

  .likes .stars a img.clear {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -1818px no-repeat; }

.likes span.info {
  color:#999;
  font-size:11px;
  padding:0 0 0 3px; }


/*-------------------------------------------------------
      ACTIVITIES
-------------------------------------------------------*/

#activities-list .listing {
  width:720px; }

#activities-list .icon,
#activities-list .images,
#activities-list .activity {
  float:left;
  margin:0 5px 0 0; }

#activities-list .icon {
  width:45px;  }

.box-m #activities-list .icon {
  display: none;  }

  #activities-list .icon span {
    display:block;
    text-indent:-9999px;
    height:25px;
    width:45px;
    margin:5px 0 0; }

    #activities-list .media.comment .icon span {
      background:url(../images/frontend/icons/icons-sprite.png) -9px -2254px no-repeat; }

    #activities-list .media .icon span {
      background:url(../images/frontend/icons/icons-sprite.png) -9px -2419px no-repeat; }

    #activities-list .addMedia .icon span.typeV {
      background:url(../images/frontend/icons/icons-sprite.png) -9px -2419px no-repeat; }

    #activities-list .addMedia .icon span.typeA {
      background:url(../images/frontend/icons/icons-sprite.png) -2px -2629px no-repeat; }

    #activities-list .addMedia .icon span.typeP {
      background:url(../images/frontend/icons/icons-sprite.png) -5px -2575px no-repeat; }

    #activities-list .addMedia .icon span.typeD {
      background:url(../images/frontend/icons/icons-sprite.png) -5px -2419px no-repeat; }

    #activities-list .media.favorite .icon span {
      background:url(../images/frontend/icons/icons-sprite.png) 0 -2673px no-repeat; }

    #activities-list .blog .icon span {
      background:url(../images/frontend/icons/icons-sprite.png) -9px -2475px no-repeat; }

    #activities-list .group .icon span {
      background:url(../images/frontend/icons/icons-sprite.png) -5px -2205px no-repeat; }

    #activities-list .thread .icon span {
      background:url(../images/frontend/icons/icons-sprite.png) -9px -2312px no-repeat; }


#activities-list .images {
  width:125px; }

  #activities-list .images .image {
    width:100px; }

  #activities-list .group .activity .image {
    width:110px; }

  #activities-list .avatar span {
    height:100px;
    width:100px;
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -178px 0 no-repeat; }

    #activities-list .group .activity .avatar span {
      height:80px;
      width:110px;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -735px 0 no-repeat; }

#content #activities-list .activity {
  width:540px;
  margin:0; }

#content .box-m #activities-list .activity {
  width:220px; }

  #content #activities-list .activity div {
    width:auto; }

  #content #activities-list .activity .infoLine {
    width:540px;
    margin:0 0 4px;
    float:none;
    font-size:.9em; }

  #content .box-m #activities-list .activity .infoLine {
    width:220px; }

  #content #activities-list .activity h3 {
    font:17px "UbuntuTitlingBold","Arial",Tahoma,sans-serif;
    margin:0 0 4px; }

  #content #activities-list .activity .image,
  #content #activities-list .activity .txt {
    float:left; }

  #content #activities-list .activity .txt {
    width:540px;
    margin:0; }

  #content .box-m #activities-list .activity .txt {
    width:220px; }

  #content #activities-list .activity a.readMore {
    float: left;
    display:block;
    width:200px;
    padding:0 0 0 9px;
    margin:2px 0 0;
    background:url(../images/frontend/icons/icons-sprite.png) -390px -287px no-repeat; }

  #content #activities-list .activity .timeSpec {
    float: right;
    display:block;
    width:300px;
    padding:0 0 0 9px;
    margin:2px 0 0;
    text-align: right;
    font-size: 9px;
    color: #999999;
  }


/*-------------- joined group  ------------------------*/

#activities-list .group .images {
  position:relative;  }

#activities-list .group .images .image.thumbnail {
  width:100px; }

  #activities-list .group .images .image.thumbnail .avatar span {
    height:80px;
    width:110px;
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -618px 0 no-repeat; }

#activities-list .group .images .image.small {
  width:51px;
  position:absolute;
  top:17px;
  right:0; }

  #activities-list .group .images .image.small .avatar span {
    height:45px;
    width:51px;
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) 0 0 no-repeat; }

#content #activities-list .join .activity h3 span {
  color:#999;
  font:12px "Arial", Tahoma, sans-serif; }

#content #activities-list .join .activity div {
  width:520px;
  float:none; }



/*-------------- media upload  ------------------------*/

#activities-list .addMedia .activity .image {
  position:relative;  }

  #activities-list .addMedia .activity .image span.types {
    width:119px;
    height:15px;
    padding:0 3px;
    position:absolute;
    bottom:5px;
    left:5px;
    color:#fff;
    font-size:10px;
    text-align:right; }

    #activities-list .addMedia .activity .image .typeV {
      background:url(../images/frontend/imgOverlays/type-sprite.png) 0 0 no-repeat; }

    #activities-list .addMedia .activity .image .typeA {
      background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -15px no-repeat; }

    #activities-list .addMedia .activity .image .typeP {
      background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -30px no-repeat; }

    #activities-list .addMedia .activity .image .typeD {
      background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -45px no-repeat; }

  #activities-list .addMedia .activity .image .thumbnail span {
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -1374px 0 no-repeat;
    color:#F0F0F0;
    display:block;
    height:76px;
    left:0;
    position:absolute;
    text-indent:-9999px;
    top:0;
    width:135px; }

#content #activities-list .addMedia .activity .image {
  width:135px; }

#content #activities-list .addMedia .activity .txt {
  width:540px; }

#content .box-m #activities-list .addMedia .activity .txt {
  width:220px; }


/*-------------- media comment  ------------------------*/

#activities-list .media .images {
  position:relative;  }

#content #activities-list .media.comment .images {
  height:65px;  }

#activities-list .media .images .image.thumbnail {
  width:100px;
  position:relative; }

  #activities-list .media  li .thumbnail span {
    background:transparent; }

  #activities-list .media .images .image.thumbnail .thumbnail span {
    height:73px;
    width:100px;
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -618px 0 no-repeat; }

    #activities-list .media .images .image.thumbnail span {
      height:20px;
      width:90px; }

      #activities-list .media .images .image.thumbnail span.typeV {
        position:absolute;
        top:35px;
        left:5px;
        background:transparent url(../images/frontend/imgOverlays/type-sprite.png) 0 0 no-repeat; }

      #activities-list .media .images .image.thumbnail span.typeA {
        position:absolute;
        top:35px;
        left:5px;
        background:transparent url(../images/frontend/imgOverlays/type-sprite.png) 0 -15px no-repeat; }

      #activities-list .media .images .image.thumbnail span.typeP {
        position:absolute;
        top:35px;
        left:5px;
        background:transparent url(../images/frontend/imgOverlays/type-sprite.png) 0 -30px no-repeat; }

      #activities-list .media .images .image.thumbnail span.typeD {
        position:absolute;
        top:35px;
        left:5px;
        background:transparent url(../images/frontend/imgOverlays/type-sprite.png) 0 -45px no-repeat; }


    #activities-list .media.comment .images .image.thumbnail .thumbnail span {
      height:73px;
      width:100px;
      background:transparent url(../images/frontend/thumbs/thumb-sprite.png) -618px 0 no-repeat; }

    #activities-list .media .images .image.thumbnail .play {
      left:27px;
      position:absolute;
      top:10px;
      visibility:hidden; }

      #activities-list .media .images .image.thumbnail:hover .play {
        visibility:visible; }

#activities-list .media .images .image.small {
  width:51px;
  position:absolute;
  top:17px;
  right:0; }

  #activities-list .media .images .image.small .avatar span {
    height:45px;
    width:51px;
    background:transparent url(../images/frontend/thumbs/thumb-sprite.png) 0 0 no-repeat; }

#content #activities-list .comment .activity  div {
  width:520px; }



/*-------------------------------------------------------
      CHANNEL INFOS
-------------------------------------------------------*/

ul.channel_info li {
  list-style:none; }

  ul.channel_info li input {
    display:inline; }

  ul.channel_info li label {
    display:inline; }

#media_edit ul.channel_info li {
  float:left;
  width:50%; }

/*-------------- CHANNEL OVERVIEW  ------------------------*/

.channels h2 a {
  color:#fff;
  text-decoration:none;
  font:17px "UbuntuTitlingBold","Arial",Tahoma,sans-serif; }

  .channels h2 a:hover {
    text-decoration:underline; }


/*-------------- CHANNEL DETAIL  ------------------------*/


#content #channel-detail {
  padding:0;
  width:720px; }


.content.channels h3 {
  padding: 5px 5px 0; }

#channelview,
.content.list.channels ul li,
#channel-box-list.media-list.content.thumbsbig ul li {
  position:relative;
  margin:0 0 3px 0;
    padding:0;
    height:240px;
    overflow:hidden; }

.content.list.channels ul li,
#channel-box-list.media-list.content.thumbsbig ul li {
  border-bottom:none; }

#channel-box-list.media-list.content.thumbsbig ul li {
  height: 129px;
}

#channelview h2 {
  color:#fff;
  text-decoration:none;
  font:17px "UbuntuTitlingBold","Arial",Tahoma,sans-serif; }

.content.list.channels ul li p {
  padding:10px;
  color:#fff; }

.box-w .content.list.channels ul li ul,
#channelview ul {
  position:absolute;
  bottom:11px;
  right:18px;
  top:auto;
  width:auto;
  background:#F8F8F8;
  padding:3px 0; }

.box-w .content.list.channels ul li ul li,
#channelview ul li {
  display: inline;
  padding:0px 5px; }

.content.list.channels ul li ul a,
#channelview ul li a { padding:5px; }

#channelview {
  margin: 0;
  padding: 0;
  height:240px;
  width:720px;
  overflow:hidden;
  position:relative; }

#channelview p {
  margin:0 0 0 17px;
  padding:3px 5px; }

#channelview .trans p,
#channels .trans p,
#channel-box-list.content.list  .trans p,
#channel-box-list.media-list.content.thumbsbig .trans p,
#channelview .trans,
#channels .trans,
#channel-box-list.content.list  .trans,
#channel-box-list.media-list.content.thumbsbig .trans,
#channelview .trans li,
#channels .trans li,
#channel-box-list.content.list .trans li,
#channel-box-list.media-list.content.thumbsbig .trans li {
  /*filter:alpha(opacity=80);
  -moz-opacity:.8;
  opacity:.8;
  -khtml-opacity:.8;*/
  margin:0; }

.channels .thumbnailC {
  position:absolute;
  top:0;
  left:0;
  display:block;
  text-indent:-9999px;
  height:240px;
  width:720px;
  background:url(../images/frontend/thumbs/thumb-sprite.png) -221px -195px  no-repeat; }

.channels .show {
    display: block;
    height: 230px;
    left: 0;
    margin: 0;
    position: absolute;
    text-indent: -9999px;
    top: -144px;
    width: 710px;
 }

#channels .trans,
#channelview .trans,
#channel-box-list.content.list .trans,
#channel-box-list.media-list.content.thumbsbig .trans {
  position:absolute;
  bottom:5px;
  left:5px;
  width:auto;
  background:url(../images/frontend/backgrounds/transBlk.png) 0 0 repeat; }


  #channels .trans h2,
  #channelview .trans h2,
  #channel-box-list.content.list .trans h2,
  #channel-box-list.media-list.content.thumbsbig .trans h2 {
    color:#fff;
    max-width:600px;
    padding:5px 10px;
    background:transparent; }

  #channel-box-list.media-list.content.thumbsbig .trans h2 {
    font-size: 13px;
  }

  #channel-box-list.media-list.content.thumbsbig .trans h2 a {
    color: #FFF;
  }

  #channels .trans p,
  #channelview .trans p,
  #channel-box-list.content.list .trans p,
  #channel-box-list.media-list.content.thumbsbig .trans p {
    display:block;
    width:430px;
    padding:0 10px 10px 10px; }

  #channelview .trans p {
    color:#fff; }

#channelview .actions {
  right:15px;
  top:15px;
  bottom:auto;
  background:url(../images/frontend/backgrounds/transBlk.png) 0 0 repeat; }

#channelview .actions a {
  font-size:11px;
  padding:0 0 0 20px;
  color:#ccc; }

#channelview .actions a:hover {
  text-decoration:underline; }


  #channelview .actions a.subscribe {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -2533px no-repeat; }

  #channelview .actions a.unsubscribe {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -775px no-repeat; }

  #channelview .actions a.edit {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -613px no-repeat; }

  #channelview .actions a.editMedia {
    background:url(../images/frontend/icons/icons-sprite.png) 4px -871px no-repeat; }

  #channelview .actions a.editUser {
    background:url(../images/frontend/icons/icons-sprite.png) 0px -1390px no-repeat; }

#channelAboBar .nobg {
  background:transparent;
}

#channelAboBar .box-w a {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  color: #999999;
  float: right;
  font-weight: bold;
  padding: 5px;
}

#channelAboBar .box-w a:hover {
  color: #333333;
  border: 1px solid #AAAAAA;
  text-decoration: none;
}


/*-------------- EDIT CHANNEL  ------------------------*/


form#editChannel input#submit {
  margin-top: 10px; }

form#editChannel input#channel_title,
form#editChannel textarea#channel_description {
  width:453px; }

form#editChannel dt.clearfix label {
  float:left ;
}

form#editChannel dt span.info {
  float:left;
  margin-right:10px;
  padding: 5px 0 0 3px;
}

form#editChannel dt span.info small {
  font-size:11px;
  color:#666;
}

form#editChannel span.hidden_list {
  display: block;
}

form#editChannel label {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
}
form#editChannel span.hidden_list input, #editChannel span.hidden_list label {
  display: inline;
  font-weight: normal;
}


/*-------------- MANAGE CHANNEL MEDIA ------------------------*/


#channels #media-list ul li {
  width:135px;
  height:125px; }


/*-------------------------------------------------------
      CATEGORIES
-------------------------------------------------------*/

/*-------------- OVERVIEW  ------------------------*/



#categories h2 {
  background:transparent url(../images/frontend/backgrounds/boxes.png) no-repeat scroll -1755px 7px; }

  #categories h2 a {
    color:#1d1d1d; }

    #categories h2 a:hover {
      text-decoration:none;
      color:#999999; }

#categories li {
  position:relative;
  float:left;
  height:255px;
  width:246px;
  margin-bottom:10px;
  padding-bottom:25px;
  background:transparent url(../images/frontend/backgrounds/boxes.png) no-repeat scroll -3743px bottom; }

  #categories li .content,
  #categories li .content ul li {
    padding:0; }


/*-------------- DETAIL  ------------------------*/

#category .content p {
  float:left;
  width:595px; }

#category .content img.katimg {
  float:left;
  margin:0 0 10px 10px; }


/*-------------------------------------------------------
      SEARCH
-------------------------------------------------------*/

.box-w .context_search {
  position: relative;
  height: 35px;
}

.box-w .context_search form {
  position: absolute;
  right: 0;
  top: 0;
}

.box-w .context_search {
  padding: 0px;
}

.box-w .context_search input {
  float: left;
  height: 13px;
  background: #f5f5f5;
  color: #9b9b9b;
}

.box-w .context_search input:focus {
  color: #333;
}

.box-w .context_search input.text {
  margin:1px 3px 0 0;
  font-size:10px;
  width: 200px;
}

.box-w .context_search input.button {
  position:absolute;
  top:0;
  right:0;
  width:26px;
  height:26px;
  padding:0;
  margin:0;
  background:url(../images/frontend/icons/icons-sprite.png) -598px -1294px no-repeat;
}


/*-------------------------------------------------------
      ADVANCED SEARCH
-------------------------------------------------------*/

#advanced_search .bottomLink {
  float:left;
  display:block;
  margin:10px 0; }

#advanced_search label {
  display: block;
  font: bold 12px/17px "Arial", Tahoma, sans-serif;
  overflow:hidden; }

#advanced_search .searchLeft {
  float: left;
  width: 230px; }

  #advanced_search .searchLeft input,
  #advanced_search .searchLeft textarea {
    width: 200px; }

#advanced_search .searchRight {
  float: left;
  width: 475px;
  padding-left:12px; }

  #advanced_search .searchRight div {
    width: 100%; }

#advanced_search .searchRight .channel_info li {
  overflow:hidden;
  display:block; }

#advanced_search .searchRight .channel_info li input {
  display:inline-block;
  vertical-align:top;
  width:20px; }

#advanced_search .searchRight .channel_info label {
  font-weight:normal;
  font-size:10px;
  vertical-align:top;
  width:115px;
  padding:0;
  display:inline-block; }

#advanced_search .searchRight .hidden_list {
  padding: 0 10px 0 0; }

#advanced_search .searchRight .channel_info li {
  float: left;
  width: 150px; }

#catswitch,
#chaswitch {
  margin-bottom:5px; }

#advanced_search .searchRight .hidden_list label {
  font-size:11px;
  font-weight:normal;
  display: inline;
  vertical-align:text-top; }

#advanced_search .searchRight .hidden_list {
  display:block; }

#advanced_search ul {
  padding-left:24px; }


/*-------------------------------------------------------
      LOGIN FORM
-------------------------------------------------------*/

.loginform {
  position:relative;
  width:500px;
  padding:0 0 10px 0;
  margin:10px 0 0 115px; }

  .loginform dd {
    margin-bottom:4px; }

  .loginform #signin_username,
  #openid_url {
    width:490px; }

  .loginform #signin_password {
    width:65%;
    margin:0 10px 0 0; }

#pwforgot {
  color:#999; }

#pwforgot:hover {
  color:#777777;
  text-decoration:none; }

  input#media_upload_submit {
    margin:7px 0 0 0; }

/*-------------------------------------------------------
      FORGOT PASSWORD
-------------------------------------------------------*/

#password_email {
  width:485px; }

/*-------------------------------------------------------
      REGISTER
-------------------------------------------------------*/

.registerform {
  position:relative;
  width:500px;
  margin:10px 0 0 115px; }

  .registerform dd {
    margin-bottom:4px; }

  #register input[type=text],
  #register input[type=password] {
    width:100%; }

  #openid_register input[type=text],
  #openid_register input[type=password] {
    width:490px; }

  #register input.checkbox,
  #openid_register input.checkbox {
    float:left;
    width:3%;
    margin:2px 5px 0 0; }

  #register .checkbox label,
  #openid_register .checkbox label {
    float:left;
    width:95%;
    padding:0;
    font-weight:normal; }



/*-------------------------------------------------------
      WEBCONTENT
-------------------------------------------------------*/

#content .webcontent h2 {
  background:transparent;
  font-family:"UbuntuTitlingBold","Arial",Tahoma,sans-serif; }

#content .content.webcontent {
  padding:10px 0 10px ;
  width:690px; }

#content .content.webcontent p {
  padding:5px 0 15px;
  line-height:1.5em; }

#content .content.webcontent ol { padding:5px 0 15px 35px; list-style:outside decimal; line-height:1.45em; }
#content .content.webcontent ol ul { padding:4px 0 2px 35px; }
#content .content.webcontent ol ol { padding:4px 0 2px 35px; }
#content .content.webcontent ol li { padding:0 0 4px 0; }
#content .content.webcontent ol li li { padding:0 0 2px 0; }

#content .content.webcontent ul { padding:5px 0 15px 35px; list-style:outside disc; line-height:1.45em; }
#content .content.webcontent ul ul { padding:4px 0 2px 35px; }
#content .content.webcontent ul ol { padding:4px 0 2px 35px; }
#content .content.webcontent ul li { padding:0 0 4px 0; }
#content .content.webcontent ul li li { padding:0 0 2px 0; }

#content .content.webcontent h1 { font-weight:bold; font-size:16px; }
#content .content.webcontent h2 { font-weight:bold; font-size:15px; }
#content .content.webcontent h3 { font-weight:bold; font-size:14px; }
#content .content.webcontent h4 { font-weight:bold; font-size:13px; }
#content .content.webcontent h5 { font-weight:bold; font-size:12px; }
#content .content.webcontent h6 { font-weight:bold; font-size:11px; }

#content .content.webcontent a:link,
#content .content.webcontent a:visited { border-bottom:1px dashed #DCDCDC; }

#content .content.webcontent a:hover,
#content .content.webcontent a:active { border-bottom:none; }

#content .content.webcontent blockquote {
  border-left:5px solid #DDDDDD;
  margin:5px 30px 3px 10px;
  padding-left:10px;
}

#content .content.webcontent s, strike, del {
  text-decoration:line-through;
}

#content .content.webcontent u, ins {
  text-decoration:underline;
}

#content .content.webcontent code {
  font-family:monospace, Fixed;
  display:block;
  font-size:11px; }

/*-------------------------------------------------------
      ADS
-------------------------------------------------------*/

#superbanner {
  position: absolute;
  left: 480px;
  top: 48px;
  width: 480px;
  height: 60px;
  background: #ededed;
  color: #f8f8f8;
  line-height:60px;
  text-align:center;
  text-transform: uppercase; }


/*-------------------------------------------------------
      ERROR
-------------------------------------------------------*/

.message {
  margin:0 20px 10px 20px;
  padding: 10px 20px;
  width:640px;
  list-style:none; }

.message.error {
  border: 1px solid #CCCCCC;
  background: #EEEEEE;
  color: #f6a1a1; }

.message.warning {
  border: 1px solid #CCCCCC;
  background: #EEEEEE;
  color: #E0C43A; }

.message.success {
  border: 1px solid #CCCCCC;
  background: #EEEEEE;
  color: #95cc9a; }

.message.info {
  border: 1px solid #CCCCCC;
  background: #EEEEEE;
  color: #a1b5f6; }

.empty {
  padding: 5px 7px 5px 10px;
  text-align: left;
  color: #808080; }

.thumbs .empty {
  padding: 5px 7px 5px 10px; }

li.empty {
  border: 0; }




/*-------------------------------------------------------
      ERROR PAGES
-------------------------------------------------------*/

#content .content.error {
  padding:10px 20px 45px 10px;
  width:690px; }

#content .content.error p {
  padding:5px 0 10px 10px;
  line-height:1.5em;
}

#content .content.error ol {
  padding:5px 0 15px 35px;
  list-style:outside decimal;
  line-height:1.45em;
}

#content .content.error ol ul { padding:4px 0 2px 35px; }
#content .content.error ol ol { padding:4px 0 2px 35px; }
#content .content.error ol li { padding:0 0 4px 0; }
#content .content.error ol li li { padding:0 0 2px 0; }

#content .content.error ul {
  padding:0 0 15px 35px;
  list-style:outside disc;
  line-height:1,2em;
}

#content .content.error ul ul { padding:4px 0 2px 35px; }
#content .content.error ul ol { padding:4px 0 2px 35px; }
#content .content.error ul li { padding:0 0 4px 0; }
#content .content.error ul li li { padding:0 0 2px 0; }


/*-------------------------------------------------------
      SLIDERBOX HOME
-------------------------------------------------------*/

.slider_box_container {
  height:320px;
  display:block;
  background:transparent url(../images/frontend/backgrounds/boxes.png) -2006px bottom no-repeat; }

.panel {
  padding-top:35px;
  text-align:center;
  background:url(../images/frontend/backgrounds/boxes.png) 0 0 no-repeat; }


.panel a,
.panel span {
  font-size:10px;
  text-decoration:none;
  color:#333;
  height:15px;
  line-height:15px;
  margin:1px 3px 2px 0;
  padding:0 4px;
  background:#efefef;
  border:1px solid #ccc;
  float: left;
  white-space: nowrap;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  cursor:pointer; }

  .panel a:hover,
  .panel a:active,
  .panel a.active,
  .panel span:hover,
  .panel span:active,
  .panel span.active {
    color:#000000;
    border: 1px solid #CCCCCC;
    background:#DFDFDF; }

.slider_box,
.slider_box_container a.slideButton {
  float:left; }

.slider_box {
  position:absolute;
  width:660px;
  height:250px;
  overflow:hidden;
  margin:10px; }

.slider_box_container .slider_mask {
  position:relative;
  width:660px;
  height:250px;
  overflow:hidden;
  float:left;
}

.slides {
  width:660px;
  height:250px;
  overflow:hidden; }

.slider_box ul li {
  height:250px;
  width:650px;
  float:left; }

  .slider_box div {
    float:left; }

  .slider_box div.image {
    position:relative;
    width:365px;
    height:230px;
    margin:0 15px 0 0;
    display:block; }

    .slider_box div.image span {
      position:absolute;
      top:0;
      left:0;
      width:365px;
      height:230px;
      display:block;
      text-indent:-9999px;
      background:url(../images/frontend/thumbs/thumb-sprite.png) -968px -195px no-repeat; }

  .slider_box div.text {
    width:250px;
    display:block; }

  .slider_box div.bottomLink {
    bottom:30px; }

.slider_box_container a.slideButton {
  display:block;
  height:22px;
  width:22px;
  margin-top:110px;
  text-indent:-9999px; }

  #slideLeftButton  {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -93px no-repeat; }

    #slideLeftButton.end  {
      background:url(../images/frontend/icons/icons-sprite.png) 0 -2px no-repeat; }

  #slideRightButton  {
    background:url(../images/frontend/icons/icons-sprite.png) 0 -141px no-repeat; }

    #slideRightButton.end  {
      background:url(../images/frontend/icons/icons-sprite.png) 0 -46px no-repeat; }

.loader {
  height:31px;
  width:31px;
  text-indent:-9999px;
  display:block;
  margin:95px auto;
  background:url(../images/frontend/loader.gif) 0 0 no-repeat; }

#featured-media-box .loader {
  margin: 48px auto;
}


/*-------------------------------------------------------
      SLIDERBOX FEATURED MEDIA
-------------------------------------------------------*/

#featured-media-box #slideLeftButton,
#featured-media-box #slideRightButton {
  display:block;
  float:left;
  height:22px;
  width:22px;
  margin-top:60px;
  text-indent:-9999px; }


#featured-media-box ul {
  float:left;
  width:630px;
  margin:10px 15px 0 25px; }




/*-------------------------------------------------------
      TRUNCATED TEXTS AND HIDDEN OVERFLOWS
-------------------------------------------------------*/

#content .media-list.thumbs ul li h3 {
  width:125px;
  max-height:33px;
  overflow:hidden; }



#content .media-list.thumbs ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

#content .media-list.list ul li h3 {
  /* width:400px; */
  overflow:hidden; }

#content .media-list.list ul li {
  width:720px;
  height:75px;
  overflow:hidden; }

#content .media-list.list ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

.box-m .content.list ul li {
  overflow:hidden; }

.content.thumbs ul li {
  overflow:hidden; }

 .group-list.content.thumbs ul {
  width:360px;
  height:auto; }

  .box-w .group-list.content.thumbs ul {
    width:720px; }

.group-list.content.thumbs ul li {
  width:110px;
  height:auto; }

.box-m .group-list.content.thumbs ul li {
  width:110px;
  height:115px; }

.box-w .group-list.content.thumbs ul li {
  width:110px;
  height:115px;
  overflow:hidden; }

.box-m .group-list.content.thumbs ul li ul li,
.box-w .group-list.content.thumbs ul li ul li {
  height:auto; }


.content.thumbs ul.nodetails li {
  height:116px;
  overflow:hidden; }

.box-w .content.list ul li ul {
  overflow:hidden; }

.box-m .content.list ul li {
  overflow:hidden; }

.box-m .content.list ul li h3 {
  height:16px;
  overflow:hidden; }

.box-m .content.list.blog ul li h3 {
  height:auto; }

.box-wm .content.list ul li {
  overflow:hidden; }

.box-w .content.list.blog li h3, .box-w .content.list.blog li p {
  width:700px;
  overflow:hidden; }

.box-w .content.list.blog li h3 {
  font-size:16px; }

.box-w .content.list.blog li cite {
  margin-bottom:5px;
  display:block; }

form label {
  color: #666666;
  font-size:12px;
  font-weight:bold;
  margin-bottom:2px;
}

form ul li label {
  font-weight:normal;
}


/*-------------------------------------------------------
      FOOTER
-------------------------------------------------------*/

#footerWrapper {
    width:100%;
    background:#AAAAAA url(../images/frontend/backgrounds/footer.png) 0 0 repeat-x;
    padding: 0 0 20px; }

#footerWrapper a.external,
#footerWrapper a[target="_blank"] {
  background: none;
  padding: 0; }

#footer {
  margin:0 auto;
    width:960px;
    padding:10px 0;
    color:#444444;
  text-align:left; }

#footer .left {
    float:left;
    width:200px; }

#footer h2 {
  color:#777777;
  font:normal 17px "DaysRegular", "Arial", Tahoma, sans-serif;
}

#footer a {
    color:#555555;
    font-weight: bold; }

#footer p.copy {
  float:left;
  display:block;
  margin:18px 0 0 0;
  padding:0;
  width:960px; }

#footer ul {
    float:left;
    width:150px;
    list-style:none;
    padding:0 10px; }

  #footer ul li {
      padding:2px 0 0 0; }

    #footer ul li a {
        color:#666666;
        font-weight: normal; }

#footer div {
  float:left;
  width:580px;
  margin:0 40px 0 0; }

  #footer div p {
    width:580px;
    padding:5px 0 0 0;  }

#vimpFooterWrapper {
  background-color: #AAAAAA;
}

#vimpFooterWrapper a.external,
#vimpFooterWrapper a[target="_blank"] {
  background: none;
  padding: 0; }

#vimpFooterWrapper #vimpFooter {
  bottom: 0pt;
  color: #444444;
  font-size: 11px;
  width: 960px;
  margin: auto;
  padding: 5px 20px;
  text-align: left; }

#vimpFooterWrapper #footer p.copy {
  float:left;
  display:block;
  margin:18px 0 0 0;
  padding:0;
  width:960px; }


/*-------------------------------------------------------
      BUGFIXES
-------------------------------------------------------*/

.content.list ul li a:active img {
  top: 0; }

.box-wm .content.list li a:active img {
  top:6px; }

div.subline {
  width:100%;
  padding-bottom:7px;
  border-bottom: 1px solid #dedede; }


/*-------------------------------------------------------
      YoutubeImport-Plugin CSS
-------------------------------------------------------*/

.content.thumbsbig ul li .hoverBottom span.typeY {
  background:url(../images/frontend/icons/icons-sprite.png) -817px -975px no-repeat; }

.content.thumbs ul li .typeY {
  background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -60px no-repeat; }

.content.list ul li .typeY {
  background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -60px no-repeat; }

#activities-list .addMedia .icon span.typeY {
  background:url(../images/frontend/icons/icons-sprite.png) -9px -2419px no-repeat; }

#activities-list .addMedia .activity .image .typeY {
  background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -60px no-repeat; }

#activities-list .media .images .image.thumbnail span.typeY {
  position:absolute;
  top:35px;
  left:5px;
  background:transparent url(../images/frontend/imgOverlays/type-sprite.png) 0 -60px no-repeat; }


/*-------------------------------------------------------
      VimeoImport-Plugin CSS
-------------------------------------------------------*/

.content.thumbsbig ul li .hoverBottom span.typeVI {
  background:url(../images/frontend/icons/icons-sprite.png) -817px -1018px no-repeat; }

.content.thumbs ul li .typeVI {
  background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -75px no-repeat; }

.content.list ul li .typeVI {
  background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -75px no-repeat; }

#activities-list .addMedia .icon span.typeVI {
  background:url(../images/frontend/icons/icons-sprite.png) -9px -2419px no-repeat; }

#activities-list .addMedia .activity .image .typeVI {
  background:url(../images/frontend/imgOverlays/type-sprite.png) 0 -75px no-repeat; }

#activities-list .media .images .image.thumbnail span.typeVI {
  position:absolute;
  top:35px;
  left:5px;
  background:transparent url(../images/frontend/imgOverlays/type-sprite.png) 0 -75px no-repeat; }


/*-------------------------------------------------------
      Alben
-------------------------------------------------------*/

#albums {
  position: relative;
}

#albums h2 {
  background:transparent url(../images/frontend/backgrounds/boxes.png) no-repeat scroll -1755px 7px; }

  #albums h2 a {
    color:#1d1d1d; }

    #albums h2 a:hover {
      text-decoration:none;
      color:#999999; }

#albums li {
  position:relative;
  float:left;
  height:196px;
  margin-bottom:10px;
  padding-bottom:25px;
  width: 720px; }

  #albums li .content,
  #albums li .content ul li {
    padding:0; }

#albums .empty {
  width: 703px;
}

input#album_title {
  width:453px; }

textarea#album_description {
  width:453px;
  height:200px;
  margin:0 0 10px 0; }

#album-add label {
  font-size:12px;
  font-weight:bold;
  margin-bottom:2px; }

#album-add span.hidden_list {
  display:block; }

#album-add span.hidden_list input,
#album-add span.hidden_list label {
  display:inline;
  font-weight:normal; }

#album-add #album-add-submit {
  margin-top:10px; }

#content #album-media-list.thumbs ul li h3 {
  width:135px;
  height:33px;
  overflow:hidden; }

#content #album-media-list.thumbs ul li {
  width:135px;
  height:162px;
  overflow:hidden; }

#content #album-media-list.thumbs ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

#content #album-media-list.list ul li h3 {
  width:400px;
  overflow:hidden; }

#content #album-media-list.list ul li {
  width:720px;
  height:75px;
  overflow:hidden; }

#content #album-media-list.list ul li ul li {
  width:auto;
  height:auto;
  overflow:visible; }

#content .album-pager li {
  display: block;
  float: left;
}

#content .album-pager li.previous {
  text-align: right;
  width: 40%
}

#content .album-pager.text li.previous {
  text-align: left;
  width: 50%
}

#content .album-pager li.current {
  text-align: center;
  width: 20%
}

#content .album-pager li.next {
  text-align: left;
  width: 40%
}

#content .album-pager.text li.next {
  text-align: right;
  width: 50%
}

#content .album-pager li a {
  display: block;
}

  #content .album-pager li a:hover,
  #content .album-pager li a:active {
    background: #f0f0f0;
    text-decoration: none;
  }

  #content .album-pager li.current a.text-link {
    padding: 5px;
  }

  #content .album-pager li a img {
    border: 3px #fff solid;
    padding: 3px; }

    #content .album-pager li a:hover img,
    #content .album-pager li a:active img {
    border: 3px #d0d0d0 solid;
    padding: 3px; }

  #content .album-pager li a img.active {
    border: 3px #666666 solid;
    padding: 3px; }

    #content .album-pager li a:hover img.active,
    #content .album-pager li a:active img.active {
    border: 3px #444444 solid;
    padding: 3px; }


/*-------------------------------------------------------
      FB-Comments
-------------------------------------------------------*/
div#mediaDetails div.fb-comments {
  margin: 10px 0 0;
}


/*-------------------------------------------------------
      Embed Code Generator
-------------------------------------------------------*/
#media_embed_code_generator.nobg {
  background:transparent; }

#media_embed_code_generator fieldset {
  margin: 5px 0;
}

#media_embed_code_generator fieldset legend {
  display: block;
  float: left;
  font-weight: bold;
  margin: 10px 0;
  width: 100px;
}

#media_embed_code_generator fieldset div {
  display: block;
  float: left;
  width: 260px;
}

#media_embed_code_generator fieldset div input[type="text"] {
  text-align: center;
  width: 30px;
}

#media_embed_code_generator fieldset div input[type="checkbox"] {
  clear: left;
  float: left;
  margin: 10px 5px 10px 0;
}

#media_embed_code_generator fieldset div#media_embed_size input[type="checkbox"] {
  float: right;
  margin: 5px 5px 10px 0;
}

#media_embed_code_generator fieldset div label {
  float: left;
  font-weight: normal;
  margin: 10px 0;
  padding: 0;
}

#media_embed_code_generator fieldset div#media_embed_size label {
  float: right;
  margin: 5px 0;
}


/*-------------------------------------------------------
      BANNER
-------------------------------------------------------*/

#header #headerAds {
  position:absolute;
  right:0;
  left:auto;
  top:30px;
  background:transparent; }

#wrapper  #skyscraperAds {
  position:absolute;
  left:1000px;
  top:150px;
  background:transparent;
  width: 120px;
}

#footerAds {
  margin: 0 auto;
  width: 960px;
}

#footerAds .left,
#footerAds .right {
  float: left;
  margin: 10px 0 0;
  text-align: left;
}

#contentTopAds.ad.content,
#contentBottomAds.ad.content,
#footerAds .left {
  margin:0 20px 0 0;
  width: 720px;
}

#contentBottomAds.ad.content {
  float: left;
}

#footerAds .right {
  margin:0 0 0 15px;
  width: 205px;
}


/*-------------------------------------------------------
      BANNER CONTAINER
-------------------------------------------------------*/

.ad.highlight span {
  background-color: #990000;
  color: #dddddd;
  display: block;
  height: 100%;
}

#header #headerAds.highlight {
  width: 648px;
  height: 64px;
}

#wrapper  #skyscraperAds.highlight {
  height: 100%;
}

#contextmenu .ad.highlight {
  height: 100px;
}

#contentTopAds.highlight,
#contentBottomAds.highlight {
  height: 100px;
}

#contentBottomAds.highlight {
  float: left;
}

#footerAds.highlight .left,
#footerAds.highlight .right {
  height: 95px;
}


/*-------------------------------------------------------
      Preview
-------------------------------------------------------*/

.preview {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  padding: 5px;
  display: none;
}

.preview_back_link {
  display: none;
}


/*-------------------------------------------------------
      Buttons
-------------------------------------------------------*/

button.button {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

a.button span,
button.button span {
  display: block;
  float: left;
  height: 25px;
  padding-top: 8px;
  text-indent: -9999px;
}

button.button span {
  padding-top: 9px;
}

a.button span.buttonLeft,
button.button span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px 2px transparent;
  width: 10px;
}

a.button span.buttonRight,
button.button span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -292px 2px transparent;
  width: 25px;
}

a.button span.buttonText,
button.button span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -10px 2px transparent;
  text-indent: 0;
  color: #333333;
  font-family:  "QuicksandBold","Arial",Tahoma,sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}

a.button.download span.buttonText,
button.button.download span.buttonText {
  font-family: "UbuntuTitlingBold","Arial",Tahoma,sans-serif;
  font-size: 13px;
}

a.button:hover span.buttonLeft,
button.button:hover span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -28px transparent;
}

a.button:hover span.buttonRight,
button.button:hover span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -292px -28px transparent;
}

a.button:hover span.buttonText,
button.button:hover span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -10px -28px transparent;
  color: #333333;
}

a.button:active span.buttonLeft,
button.button:active span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -58px transparent;
}

a.button:active span.buttonRight,
button.button:active span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -292px -58px transparent;
}

a.button:active span.buttonText,
button.button:active span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -10px -58px transparent;
  color: #333333;
}

a.button.withoutDecal span.buttonLeft,
button.button.withoutDecal span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -88px transparent;
}

a.button.withoutDecal span.buttonRight,
button.button.withoutDecal span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -307px -88px transparent;
  width: 10px;
}

a.button.withoutDecal span.buttonText,
button.button.withoutDecal span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -10px -88px transparent;
}

a.button.withoutDecal:hover span.buttonLeft,
button.button.withoutDecal:hover span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -88px transparent;
}

a.button.withoutDecal:hover span.buttonRight,
button.button.withoutDecal:hover span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -307px -88px transparent;
}

a.button.withoutDecal:hover span.buttonText,
button.button.withoutDecal:hover span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -10px -88px transparent;
}

a.button.withoutDecal:active span.buttonLeft,
button.button.withoutDecal:active span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -88px transparent;
}

a.button.withoutDecal:active span.buttonRight,
button.button.withoutDecal:active span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -307px -88px transparent;
}

a.button.withoutDecal:active span.buttonText,
button.button.withoutDecal:active span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -10px -88px transparent;
}

a.button.mirror span.buttonLeft,
button.button.mirror span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -118px transparent;
  width: 25px;
}

a.button.mirror span.buttonRight,
button.button.mirror span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -307px -118px transparent;
  width: 10px;
}

a.button.mirror span.buttonText,
button.button.mirror span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -25px -118px transparent;
}

a.button.mirror:hover span.buttonLeft,
button.button.mirror:hover span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -148px transparent;
}

a.button.mirror:hover span.buttonRight,
button.button.mirror:hover span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -307px -148px transparent;
}

a.button.mirror:hover span.buttonText,
button.button.mirror:hover span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -25px -148px transparent;
}

a.button.mirror:active span.buttonLeft,
button.button.mirror:active span.buttonLeft {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -3px -178px transparent;
}

a.button.mirror:active span.buttonRight,
button.button.mirror:active span.buttonRight {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -307px -178px transparent;
}

a.button.mirror:active span.buttonText,
button.button.mirror:active span.buttonText {
  background: url("../images/frontend/buttons/button-sprite.png") no-repeat scroll -25px -178px transparent;
}

a.button.big span,
button.button.big span {
  height: 30px;
  padding-top: 12px;
}

a.button.big span.buttonLeft,
button.button.big span.buttonLeft {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll 0 0 transparent;
  width: 10px;
}

a.button.big span.buttonRight,
button.button.big span.buttonRight {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll -182px 0 transparent;
  width: 10px;
}

a.button.big span.buttonText,
button.button.big span.buttonText {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll -10px 0 transparent;
  width: 172px;
  text-align: center;
  font-family:  "UbuntuTitlingBold","Arial",Tahoma,sans-serif;
  font-size: 16px;
}

a.button.big:hover span.buttonLeft,
button.button.big span.buttonLeft {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll 0 -42px transparent;
}

a.button.big:hover span.buttonRight,
button.button.big span.buttonRight {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll -182px -42px transparent;
}

a.button.big:hover span.buttonText,
button.button.big span.buttonText {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll -10px -42px transparent;
}

a.button.big:active span.buttonLeft,
button.button.big span.buttonLeft {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll 0 -84px transparent;
}

a.button.big:active span.buttonRight,
button.button.big span.buttonRight {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll -182px -84px transparent;
}

a.button.big:active span.buttonText,
button.button.big span.buttonText {
  background: url("../images/frontend/buttons/button-big-sprite.png") no-repeat scroll -10px -84px transparent;
}

#categories a.button,
#albums a.button,
#contextmenu a.button,
.bottomLink a.button,
.bottomLink button.button {
    bottom: 0;
    right: 0;
    position: absolute;
}

.bottomLink a.button {
    bottom: -5px;
}

#categories a.button,
#albums a.button {
  right:15px;
  bottom:16px;
}

.slider_box a.button {
  right: 10px;
}

#albums div.top a.action {
  bottom:16px;
  right: 20px;
}

#own-groups-box a.action,
#blog_container .action {
  background: none repeat scroll 0 0 transparent;
  padding:0;
}

#own-groups-box a.action {
  bottom:-2px;
}

#forum-thread .top div span.actions,
#forum-list.box-w ul.sort1,
#inviteUsers.box-w ul.sort1 {
  position: relative;
}

#albums .top a,
#forum-thread .top div span.actions a,
#forum-list.box-w ul.sort1 li a,
#inviteUsers.box-w ul.sort1 li a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0 0 0 0;
  bottom: 0;
  height: auto;
  padding: 0;
  position: absolute;
  width: auto;
}

#forum-thread .top div span.actions a.reply {
  right: 0;
}

#advanced_search button.button {
  float: right;
}

#inviteUsers div ul.sort1 li a.action {
  bottom: -3px;
  right: 0;
}

#swfuploadWidget a.button {
  width: 200px;
  height: 33px;
  position: absolute;
  z-index: 0;
  top: 5px;
  right: 0;
  overflow: hidden;
  display: inline-block;
}

#swfuploadWidget.batchUpload a.button {
  right: auto;
  left: 0;
  top: 0;
}

#swfuploadWidget a.button span.buttonText {
  width: 180px;
  text-align: center;
}


/*-------------------------------------------------------
      jQuery UI Autocompleter
-------------------------------------------------------*/

ul.ui-autocomplete {
  cursor: default;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 100;
}

ul.ui-menu {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D6D6D6;
  color: #333333;
  padding: 0;
  width: 203px !important;
  display: block;
  list-style: none outside none;
  margin: 0;
  outline: medium none;
}

ul.ui-menu li.ui-menu-item {
  border-bottom: 1px solid #CFCFCF;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.ui-menu li.ui-menu-item a {
  color: #333333;
  text-align: left;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  min-height: 0;
  padding: 2px 0.4em;
  text-decoration: none;
}

ul.ui-menu li.ui-menu-item a.ui-state-focus,
ul.ui-menu li.ui-menu-item a.ui-state-active {
    background: none repeat scroll 0 0 #CFCFCF;
}

span.ui-helper-hidden-accessible {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


/*-------------------------------------------------------
      jQuery Select 2
-------------------------------------------------------*/

.select2-container {
  width: 100%;
}


/*-------------------------------------------------------
      Share-Overlay defaults
-------------------------------------------------------*/

#shareOverlay,
#shareWindow {
  display: none;
}



/****************************************************************/
/*              COOKIE HINT                                     */
/****************************************************************/

.cookieHint {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
  display: block;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 30000;
}

.cookieHint button.close {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #000000;
  cursor: pointer;
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  margin: 10px;
  opacity: 0.2;
  padding: 0;
  position: relative;
  text-shadow: 0 1px 0 #ffffff;
}

.cookieHint p {
  margin: 15px;
}


.cookieHint p a.alert-link {
  color: #2d6987;
  font-weight: bold;
}