@charset "utf-8";
/*
 * ------------------------------------------------------------------------------------------
 * Copyright (c): Crea Werbeagentur GmbH, 2012
 * This software is the proprietary information of Crea Werbeagentur GmbH, Osnabrück, Germany
 * All Right Reserved.
 * ------------------------------------------------------------------------------------------
 * 
 * 
 * @project:   ClubWorkx CMS
 * @copyright  CreaWerbeagentur 2012
 * @link       http://clubworkx.de
 * @package    Core
 * @subpackage CSS Komponenten
 * 
 * SVN revision information:
 * @version    $Rev: 649 $:
 * @author     $Author: sascha $:
 * @date       $Date: 2013-02-28 19:12:12 +0100 (Do, 28 Feb 2013) $:
 * @link       $HeadURL: http://dev.crea.de/svn/crea_cw-cms/trunk/includes/css/user.css $:
*/

/**   Grundeinstellungen   **/
.ac_user,
.ac_user *
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 16px;
   border:none;
   margin: 0;
   padding: 0;
   color: #FFF;
   float: none;
   outline:none;
}
.ac_user p
{
   margin-bottom: 20px;
}
.ac_user strong,
.ac_user b
{
   font-weight: bold;
}
.ac_user .info
{
   color:#999;
}

/**   User-Menü   **/
.ac_user_menu
{
   background-color: transparent;
   width: 150px;
   float: left;
}
.ac_user_menu ul
{
   list-style: none;
   margin:0;
   padding:0;
}
.ac_user_menu a,
.ac_user_menu a:link,
.ac_user_menu a:hover,
.ac_user_menu a:active,
.ac_user_menu a:visited
{
   color:#FFF;
   text-decoration: none;
}
.ac_user_menu a
{
   display:block;
   height:29px;
   margin-bottom: 3px;
   vertical-align: middle;
   line-height: 29px;
   font-size: 12px;
   padding-left:10px;
   border:1px solid #333;
   background-color: #333;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user_menu a:hover,
.ac_user_menu a.active
{
   border-color:#6496C7;
   background-color:#6496C7;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#6496C7), to(#356798));
   background-image: -webkit-linear-gradient(top, #6496C7, #356798);
   background-image:    -moz-linear-gradient(top, #6496C7, #356798);
   background-image:     -ms-linear-gradient(top, #6496C7, #356798);
   background-image:      -o-linear-gradient(top, #6496C7, #356798);
   background-image:         linear-gradient(to bottom, #6496C7, #356798);
}
/* Logout-Button  */
.ac_user .logout,
.ac_user .critical,
.ac_user input[type="submit"].critical
{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   border-color:#CF6565;
   background-color:#CF6565;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#CF6565), to(#9F3738));
   background-image: -webkit-linear-gradient(top, #CF6565, #9F3738);
   background-image:    -moz-linear-gradient(top, #CF6565, #9F3738);
   background-image:     -ms-linear-gradient(top, #CF6565, #9F3738);
   background-image:      -o-linear-gradient(top, #CF6565, #9F3738);
   background-image:         linear-gradient(to bottom, #CF6565, #9F3738);
}
.ac_user .logout:hover,
.ac_user .critical:hover,
.ac_user input[type="submit"].critical:hover
{
   border-color:#993333;
   background-color:#993333;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#993333), to(#660000));
   background-image: -webkit-linear-gradient(top, #993333, #660000);
   background-image:    -moz-linear-gradient(top, #993333, #660000);
   background-image:     -ms-linear-gradient(top, #993333, #660000);
   background-image:      -o-linear-gradient(top, #993333, #660000);
   background-image:         linear-gradient(to bottom, #993333, #660000);
}


/**   User-Inhalte und Formulare   **/
.ac_user_content
{
   margin-left: 160px;
   padding:20px;
   background-color: #666;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user_content_full
{
   margin-left: 0;
}

.ac_user a
{
   color:#6496C7;
}

.ac_user h1,
.ac_user h2
{
   color:#CBCBCB;
   font-size: 18px;
   font-weight: normal;
   text-transform: none;
   margin-bottom: 20px;
}
.ac_user h2
{
   color:#FFF;
}

.ac_user_content fieldset
{
   padding:20px;
   margin: 0;
   margin-top: 20px;
   background-color: #333;
   border:none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}

.ac_user_content .detail th
{
   padding:0;
   line-height: 29px;
   width: 230px;
}
.ac_user_content .detail td
{
   padding-bottom: 3px;
   height: 29px;
   vertical-align: baseline;
}
.ac_user_content .detail thead td
{
   padding:0;
   font-size: 18px;
   font-weight: normal;
   text-transform: none;
   color:#FFF;
}
.ac_user_content .detail .info
{
   color: #999;
   margin: 6px 0;
}

.ac_user_content .detail input
{
   vertical-align:middle;
}

.ac_user_content .form_pflichtfelder
{
   color: #999;
   margin-bottom: 10px;
}
.ac_user input,
.ac_user input[type],
.ac_user .submit,
.ac_user select
{
   color:#FFF;
   width:200px;
   height: 29px;
   font-size: 12px;
   margin:0;
   padding:0 10px;
   border:1px solid #333;
   background-color: #666;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user input:focus,
.ac_user select:focus
{
   outline: none;
}
.ac_user select
{
   width: 222px;
   padding-left: 8px;
   padding-right: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: url(../img/ac_user_pulldown_arrow.gif) no-repeat right center #666;
   background-position-x: 200px;
}
.ac_user input[type="checkbox"]
{
   width:auto;
   position: relative;
   top: -3px;
   margin-right: 3px;
}
.ac_user input[type="radio"]
{
   width:auto;
}
.ac_user input:focus,
.ac_user select:focus
{
   border-color:#6496C7;
}
.ac_user .radioset
{
   display: inline;
   padding-right: 20px;
}

.ac_user input.disabled
{
   background-color: #444; 
   border-color: #444;
}
.ac_user input[type="submit"],
.ac_user .submit
{
   cursor: pointer;
   width: auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   border-color: #689868;
   background-color: #689868;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#689868), to(#366537));
   background-image: -webkit-linear-gradient(top, #689868, #366537);
   background-image:    -moz-linear-gradient(top, #689868, #366537);
   background-image:     -ms-linear-gradient(top, #689868, #366537);
   background-image:      -o-linear-gradient(top, #689868, #366537);
   background-image:         linear-gradient(to bottom, #689868, #366537);
   color: #FFF;
}
.ac_user input[type="submit"]:hover,
.ac_user .submit:hover
{
   width: auto;
   border-color: #363;
   background-color: #363;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#363), to(#030));
   background-image: -webkit-linear-gradient(top, #363, #030);
   background-image:    -moz-linear-gradient(top, #363, #030);
   background-image:     -ms-linear-gradient(top, #363, #030);
   background-image:      -o-linear-gradient(top, #363, #030);
   background-image:         linear-gradient(to bottom, #363, #030);
   color:#FFF;
}
.ac_user .submit
{
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
   line-height: 24px;
}
.ac_user .button
{
   color:#FFF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   border: 1px solid #656565;
   background-color: #333;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
   background-image: -webkit-linear-gradient(top, #333, #000);
   background-image:    -moz-linear-gradient(top, #333, #000);
   background-image:     -ms-linear-gradient(top, #333, #000);
   background-image:      -o-linear-gradient(top, #333, #000);
   background-image:         linear-gradient(to bottom, #333, #000);
}
.ac_user .button:hover
{
   background: #000;
}
.ac_user .button .ui-button-text
{
   border:none;
}

.ac_user .liste thead tr
{
   background: transparent;
}
.ac_user .liste tr.space
{
   height:20px;
}
.ac_user .liste tr.space2px
{
   height:2px;
}
.ac_user .liste tr.alternate td,
.ac_user .liste tr.alternate th
{
   background: #4D4D4D;
}
.ac_user .liste td,
.ac_user .liste th
{
   text-align: left;
   font-size: 12px;
   padding: 0 10px;
   height: 29px;
   line-height: 29px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user .liste thead td
{
   font-weight: bold;
}

.ac_user .liste_fc
{
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
}
.ac_user .liste_lc
{
   -moz-border-radius-topright: 3px;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
}

.ac_user .punktestand
{
   padding-left: 0 !important;
}
.ac_user .punktestand .disabled
{
   font-style: normal;
}
.ac_user .punkte
{
   width: 55px;
}
.ac_user .user_ranking
{
   width: 350px;
}
.ac_user .datumzeit
{
   width:140px;
}
.ac_user .punktwert
{
   width: 55px;
}
.ac_user .praemie_picture
{
   width:215px;
}
.ac_user .detail_header
{
   width: 230px;
}
.ac_user th.detail_header
{
   width: 210px;
}
.ac_user .punkt_positiv
{
   color:#66CC04;
}
.ac_user .punkt_negativ
{
   color:#F33;
}

.ac_user .right
{
   text-align: right !important;
}

.social-media-liste thead p,
.social-media-liste tfoot p
{
   margin: 10px 0;
}
.social-media-liste .left_col
{
   width: 230px;
   vertical-align:bottom;
}

.social-media-liste .fb-friends-list
{
   margin:0;
}
.social-media-liste .fb-friends-list .fb-friend
{
   display:table;
}
.social-media-liste .fb-friends-list .fb-friend a
{
   display:table-row;
}

.social-media-liste .fb-friends-list .fb-friend a *
{
   display:table-cell;
   vertical-align:middle;
}

.social-media-liste .fb-friend img
{
   height:50px;
}

.social-media-liste .fb-friends-list .fb-friend-name
{
   padding-left: 10px;
   margin: 0;
}

.social-media-liste .social-media-bild
{
   height:50px;
   width:50px;
   margin:0;
   margin-right:10px;
}

.social-media-liste .left_col .social-media-bild
{
   margin:0;
}

.social-media-liste .more-link
{
   width: 60px;
   text-align: center;
   vertical-align: middle;
}


/**   UserLounge Leiste **/
#userlounge
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 16px;
   width: 100%;
   height: 40px;
   z-index: 5000;
   background-image: url(../../../includes/img/ulounge_back.png);
   background-repeat: repeat-x;
}
.userlounge_centerbox
{
   width:860px;   /* wird u.U. in templates überschrieben   */
   margin:auto;
   height:40px;
   position:relative;
}
.userlounge_content
{
   height:40px;
   line-height: 40px;
   vertical-align: middle;
   position:absolute;
   top:0;
}
.userlounge_left
{
   left:0;
}
.userlounge_right
{
   right:0;
}
.ulounge_text,
.ulounge_text.nohover:hover
{
   height:40px;
   line-height: 40px;
   vertical-align: top;
   color:#999;
   margin-left:4px;
}
.ulounge_text:hover, a:hover .ulounge_text
{
   color:#FFF;
}

.ulounge_trenner
{
   height:40px;
   width:2px;
   background: url('../../../includes/img/ulounge_trenner.png') no-repeat;
   display: inline-block;
   margin: 0 8px;
}

.ulounge_button
{
   height:40px;
   background-repeat: no-repeat;
   background-position: center;
   display: inline-block;
}
.ulounge_logo
{
   background-image: url('../../../includes/img/ulounge_logo.png');
   width:103px;
}
.ulounge_more
{
   background-image: url('../../../includes/img/ulounge_more.png');
   width:65px;
}
.ulounge_more:hover, a:hover .ulounge_more
{
   background-image: url('../../../includes/img/ulounge_more_hover.png');
}
.ulounge_login
{
   background-image: url('../../../includes/img/ulounge_einloggen.png');
   width:64px;
}
.ulounge_login:hover, a:hover .ulounge_login
{
   background-image: url('../../../includes/img/ulounge_einloggen_hover.png');
}
.ulounge_register
{
   background-image: url('../../../includes/img/ulounge_registrieren.png');
   width:76px;
}
.ulounge_register:hover, a:hover .ulounge_register
{
   background-image: url('../../../includes/img/ulounge_registrieren_hover.png');
}
.ulounge_user
{
   background-image: url('../../../includes/img/ulounge_user.png');
   width:24px;
}
.ulounge_user:hover, a:hover .ulounge_user
{
   background-image: url('../../../includes/img/ulounge_user_hover.png');
}
.ulounge_menu
{
   background-image: url('../../../includes/img/ulounge_uebersicht.png');
   width:24px;
}
.ulounge_menu:hover, a:hover .ulounge_menu
{
   background-image: url('../../../includes/img/ulounge_uebersicht_hover.png');
}
.ulounge_fbconnect
{
   background-image: url('../../../includes/img/ulounge_fbconnect.png');
   width:24px;
}
.ulounge_fbconnect:hover, a:hover .ulounge_fbconnect
{
   background-image: url('../../../includes/img/ulounge_fbconnect_hover.png');
}
.ulounge_fbconnected
{
   background-image: url('../../../includes/img/ulounge_fbconnected.png');
   width:24px;
}
.ulounge_logout
{
   background-image: url('../../../includes/img/ulounge_logout.png');
   width:24px;
}
.ulounge_logout:hover, a:hover .ulounge_logout
{
   background-image: url('../../../includes/img/ulounge_logout_hover.png');
}

.ac_user .out
{
   color:yellow;
   font-weight:bold;
}