/*

6g.css contains all base calsses for sixgroups, but no custom fancy parts 

http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, 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;
  outline: 0;  
  vertical-align: baseline;
  background: transparent;
}


body{
  font: 13px/1.1 Verdana, Arial, Helvetica, sans-serif;
  background: #585b50;
  color:#545454;  
}

a:focus{
  outline: 1px dotted invert;
}

hr{
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}

sup{
  padding-left:5px; 
  vertical-align: top;
}

dt{
  font-weight:bold;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

ol, ul {
  list-style: none;
}

p{
  margin-bottom: 1em;
}

blockquote, q {
  quotes: none;
}

a{
  color:#545454; 
}

a:hover {
  color:#dc006c;
}

/* lists */
ul.norm {
  margin-bottom:12px !important;
}
  
ul.norm li{
  margin-left:24px !important;
  list-style-type:disc !important;
  line-height:1.3 !important;
}

ul.advantage li{
  background: transparent url(/images/icons/accept.gif) no-repeat 0px 0px;
  list-style-type:none !important;
  padding-left:22px !important;
  margin-left:0px !important;
}

ul.richText {
  list-style-type: disc;
  margin-bottom:12px;
}
ul.richText li{
  list-style-type: disc;
  margin-left:15px;
  line-height:1.6;
}
ul.items li {
  height:96px;
  overflow:hidden;
}

ul.items li.grid_05 {
  height:80px;
}

ul.higher li {
  height:108px;
}

ul.items li p{
  font-size:11px;
}

ul.mediaItems li {
  margin-bottom:12px;
}

ul.mediaItems li.odd {
  border-bottom:1px dotted #9f9f9f;
  border-top:1px dotted #9f9f9f;
  padding:12px 0;
  background:#f6f6f6;
}


/* tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}

table thead {
    border-bottom:0px solid #DBDCD6;
    padding-left:0;
}
table tr {
    border-bottom:0px solid #DBDCD6;
}
table tr.odd {
  background:#EAF2F4;
}
table th.actions {
   width:24px;
}
table th.from {
   width:200px;
}
table th.date {
   width:100px;
}
table.messages td, table.messages th {
    padding:4px;
    margin:0;
} 
table.messages tr {
    border-bottom:1px solid #DBDCD6; 
}
   
table.messages tr.odd {
   
     
}
table.messages td img {
   vertical-align:middle;
   margin-right:5px;
}
table.messages td a img {
   vertical-align:middle;
}

td, th {
	padding:3px;
	text-align:left;
}
/* =forms
--------------------------------------------------------------------------------*/

fieldset {
    
}
fieldset div {
    margin-bottom:12px;
}


#sgcontent label {
  display:block;
  font-weight:bold;
  padding-bottom:6px;
}

label.floating {
  display:inline;
}

#sgcontent textarea, #sgcontent select, #sgcontent input {
  border-right:1px solid #a7a7a7;
  border-bottom:1px solid #a7a7a7;
  border-left:1px solid #666;
  border-top:1px solid #666;
  padding: 4px;
  background:white;
  vertical-align:middle;
}
select {    
    padding:2px;
    vertical-align:middle;
}
#sgcontent textarea {
  width:264px;
  height:100px;
}
.radio {
  vertical-align: middle;
  margin:0 3px;
  border:none;
  background:none;
}
.checkbox {
    margin:0 3px;
    vertical-align:middle;
    background:none;
    padding:0;
    border:none;
}

/* deprecated? */
.tinyMce {
  width:516px;
  height:300px;
  clear: both;
}
.tinyMceSmall {
  width:516px;
  height:200px;
}
.tinyMceComment {
  width:540px;
  height:200px;
}

.textField {
  width: 264px;
}
.textFieldBig {
  width: 350px;
}

.formHelp {
  vertical-align:middle;  
}




/* =Headings
--------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { 
  display: block;
  color: #545454;
  font-weight: normal;
  margin: 0 0 12px 0;
  line-height: 1.0:
}

h1, .h1 {
  font-size: 24px;
  line-height:22px;
  color:#dc006c;
  margin-bottom:24px;
}

h1 a, .h1 a{
  color:#dc006c;
  text-decoration: none;
}

h2, .h2{
  font-size: 18px;
  margin-bottom:12px;
}

h3, .h3{
  font-weight:bold;
  font-size: 16px;
  margin-bottom:12px;
}

h4, .h4{
  font-size: 14px;
  font-weight:bold;
  margin-bottom:12px;
}

h5, .h5{
  font-size: 12px;
  font-weight:bold;
  margin-bottom:9px;
}


/* buttons */
/* =buttons
--------------------------------------------------------------------------------*/
button, a.newButton {
  
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px #999;
  -webkit-box-shadow: 0 1px 3px #999;
  
  border-bottom: 1px solid #222;
  position: relative;
  cursor: pointer;
  

  font-size: 14px;
  padding: 8px 14px 9px;
  background: #8F004D url(/customers/schoenerEssen/images/alert-overlay.png) repeat-x scroll 0 0 !important;
}

button:hover, a.newButton:hover {
	background-color:#630030 !important;
}

a.newButton{
  float: left;
  text-decoration: none;
}

button span, 
button em,
a.newButton span,
a.newButton em{  
  display: block;
  white-space: nowrap;  
  height: 30px;
  line-height: 30px;
  outline: none;  
  outline-offset: 0;
  color:#fff;
}

a.newButton span,
a.newButton em{ 
float: left;
}


button em, a.newButton em{
  font-style: normal;
} 

button.disabled{
 cursor:default;
 -moz-opacity: 0.5;
 opacity: 0.5; 
}


button::-moz-focus-inner { border: none;} /* firefox fix */

a.smallButton:link, 
a.smallButton:visited,  
a.smallButton:hover , 
button.smallButton{
  height: 18px;
  display: table;
  width: auto;
  text-align:center;
  border: none;
  cursor: pointer;
  color:#fff !important;
  font-weight:normal;
  display:inline-block;
  font-size:11px;
  padding: 0 0 0 7px;
  line-height: 18px;
  text-decoration:none;  
  background: url(/images/relaunch/buttons/button_sprites.png) no-repeat 0 -340px;  
}
button.smallButton {
  padding: 0 0 0 5px;
  }
 

a.smallButton span,
button.smallButton span{
  display: block;
  display:inline-block;
  position: relative;
  font-weight:normal;
  height: 18px;
  line-height: 18px;
  text-align: left;
  width: auto;
  vertical-align: top;
  font-size:11px;
  white-space: nowrap;
  padding: 0 7px 0 0;
  background: url(/images/relaunch/buttons/button_sprites.png) no-repeat 100% -400px;
}

button.smallButton span{
  font-size:11px;
}

/* active / hove state */
a.smallButton:hover, 
button.smallButton:hover,
.current a.smallButton,
a.smallButton.current {
 background-position: 0 -363px;
}

a.smallButton.current span,
a.smallButton:hover span, 
button.smallButton:hover span,
.current a.smallButton span{  
  background-position: 100% -423px;
  color:#686868;
}

a.smallButton.current span,
.current a.smallButton span {
  color:#686868
}

#sixgroups a.bigButton, #sixgroups a.bigButton:visited, #sixgroups  a.bigButton:hover,
#livecommunity a.bigButton, #livecommunity a.bigButton:visited, #livecommunity  a.bigButton:hover {
  color:white !important;
  display:block;
  font-family:"Trebuchet MS";
  font-size:20px;
  font-weight:bold;
  height:84px;
  padding:12px 16px 12px 12px;
  text-align:center;
  text-decoration:none;
  width:136px;  
  background: transparent url(/images/relaunch/buttons/button_sprites.png) no-repeat 0 -700px; 
}

.bbLogin {
  background-position: 0 -570px !important;
}

.bbBlank {
  background: transparent url(/images/relaunch/buttons/button_sprites.png) no-repeat 0 -700px !important;     
}



/* links */
.noUnderline, .noUnderline:hover {
  text-decoration:none;
}
.underline, .underline:visited, .underline:hover {
  text-decoration:underline !important;
}

.image img, img.image, .imageStyle{
  border: 1px solid #E6E6E6;
  padding:3px;
  background:#fff;
}

.imageStyleBig {
  padding:12px;
}

.image{
  background: transparent;
  padding:0;
  border:0
}



/* =text
--------------------------------------------------------------------------------*/
p.richText  {  
  line-height:1.4;
  margin-bottom:12px;
}

p.richText.small {
  font-size:11px;
}

ul.richText li {  
  line-height:1.6;
}

div.richText p{
  line-height:1.6;
  margin-bottom:12px;
}

/* generic classes (colors, boxes, ... use for "object oriented css")
 * 
 * 
 */
.mt6 {
  margin-top:6px !important;
}
.mt3 {
  margin-top:3px !important;
}
.pt3 {
  padding-top:3px !important;
}
.pt6 {
  padding-top:6px !important;
}

.pt24 {
  padding-top:24px !important;
}

.noPadding:{
  padding: 0 !important;
}

.noBottomPadding{
  padding-bottom: 0 !important;
}  

.pr12 {
  padding-right:12px !important;
}

.pl12 {
  padding-left:12px !important;
}

.pl20 {
  padding-left:20px !important;
}

.pl24 {
  padding-left:24px !important;
}

.mt12 {
  margin-top:12px !important;
}
.mt24 {
  margin-top:24px !important;
}
.mt36 {
  margin-top:36px !important;
}
.mt48 {
  margin-top:48px !important;
}

.mb3{
  margin-bottom:3px !important;
}
.mb6 {
  margin-bottom:6px !important;
}
.mb12 {
  margin-bottom:12px !important;
}
.mb24 {
  margin-bottom:24px !important;
}

.mr12 {
  margin-right:12px !important; 
}

.ml12 {
  margin-left:12px !important; 
}

.noMargin {
  margin-top: 0 !important; 
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

.mr6 {
  margin-right:6px !important; 
}

.alignRight {
  text-align: right;
}

.float_left {
  float:left;
  margin-right:12px;  
}
.float_right {
  float:right;
  margin-left:12px;  
}

.vMiddle {
  vertical-align:middle;
}
.vBottom {
  vertical-align:bottom;
}


.noWrap {
  white-space:nowrap;
}
.hidden{
  height:0;
  margin:0;
  border:0;
  padding:0;
  overflow:hidden;
  float: left;
  display: block;
}

.hideText{
  text-indent: -999em !important;
  letter-spacing: -999em;
}

.bgWhite{
  background: #fff !important;
}

.bgGray{
  background-color: #edeeee;  
}

.gray {
  color:#9F9F9F !important;
}

.white {
  color:#FFF !important;
}


.displayNone{
  display: none !important;
}

.displayInline{
  display: inline !important;
}

.rounded{
  -moz-border-radius: 5px;  
}

.roundedTr{
  -moz-border-radius-topright: 5px;  
}

.box{
  clear: both;
}

.box .header{
  height: 9px; 
  padding: 15px;
  -moz-border-radius-topright: 5px;
   background: #BEAF8F;
}

.box .content{  
}

.box .footer{

}

.box .tabs{
  background:transparent url(http://i.schoener-essen.de/_img/bg/bg-left-tab-active.gif) no-repeat scroll 0 0;
  padding-left:4px;
}  

.box .tab{  
  background:#BEAF8F url(http://i.schoener-essen.de/_img/bg/bg-right-tab-active.gif) no-repeat scroll right center;
	display:-moz-inline-stack;
	padding:8px 20px;
	display:inline-block;
}

#sixgroups .center {
  text-align:center;  
}
/*geht das?*/
#sixgroups .center * {
  margin:auto;  
}


.positionRelative {
  position: relative;
}

.bigger {
  font-size:15px;
}

.nowrap {
  white-space: nowrap;
}

/* colors */
.pink{
  color:#ce0055;
}

.blue{
  color:#109BB8 !important;
}

.gray{
  color:#9f9f9f !important;
}

.mud {
  color: #62634E;
}

.inline {
  display:inline;
}

.size14, .size14 a {
  font-size:14px;
}
.size20, .size20 a {
  font-size:20px;
}
.size22, .size22 a {
  font-size:22px;
}
.size15, .size15 a {
  font-size:15px;
  font-family: 'Trebuchet MS', Tahoma, Arial;
}
.size16, .size16 a {
  font-size:16px;
  font-family: 'Trebuchet MS', Tahoma, Arial;
}

small, .small {
  font-size:11px;
}

.smaller {
  font-size:11px;
}

.bold{
  font-weight:bold;
}

.normal{
  font-weight:normal;
}




/*  icons --------------------------------------------------------------------------------*/ 
.icon{
 padding:2px 0px 2px 20px; 
 background-repeat:no-repeat;
 background-image: url(/images/relaunch/icons/icon_sprites.png);
}


.embedImg img {
    float:left;
    display:block;
    margin:0px 3px 0 0;
    background-position: 0 -833px;
}
.tagSmall {
  background-position: 0 -1925px;
}

.rssSmall {
  background-position: 0 -696px;
}

.star {
  background-position: 0 -1833px;
}

.starGray:hover{
  background-position: 0 -1879px;
}

.starGray{
 color:#444; 
 background-position: 0 -117px;
}

.smallHeart {
  background-position: 0 -880px;
  padding-left:14px;
}

.message {
  background-position: 0 -1694px;
}

.addFriend {
  background-position: 0 -2178px;
}

.urls{ 
  background-position: 0 -603px;
}

.activity {
  background-position: 0 -787px;
}

.filter_videos {
  background:transparent url(/images/icons/video.gif) no-repeat scroll left top;
}

.presentation {
  background-position: 0 -1558px;
}

.messages{ 
  background-position: 0 -2131px;
}

.all{ 
  padding-left: 0;
}


.external{
 background-position: 0 -960px; 
}


.twitter{
  padding-left: 15px;
  background-position: 0 -1004px;
  background-repeat:no-repeat;
}

.twitterBig  {
  background-position: 0 -1966px;
}

.picture{   
  background-position: 0 -1046px;
}

.video{
  background-position: 0 -2223px;
}
.showText{
  background-position: 0 -604px;
}
.user{    
  background-position: 0 -2040px;
}

.myFriends{
  background-position: 0 -787px;
}

.friendRequests{
  background-position: 0 -833px;
}

.friendsRequested{
  background-position: 0 -2085px;
}

.findFriends{
  background-position: -5px -2517px;
}

.group{
  background-position: 0 -787px;
}

.groupAdd{
  background-position: 0 -833px;
}

.comment {
  background-position: 0 -508px;
}

.commentGray {
  background-position: 0 -1236px;  
}

.commentGray:hover {
  background-position: 0 -508px;
}

.heart{
  background-position: 0 -1126px;
}

.logout {
  background-position: 0 -1245px;
}
.heartGray {
  background-position: 0 -1120px;
}
.smallHeart {
  background-position:0 -1184px;
  padding-left:17px !important;
}
.smallHeartGray {
  background-position:0 -1208px;  
}

.smallHeartGray:hover {
  background-position:0 -1184px;
}

.star {
  background:transparent url(/images/icons/star.png) no-repeat scroll left center;
}

.founder{
     background-position: 0 -2323px;
}

.editMail {
  background-position: 0 -650px;    
}

.complete{
  background : #fff url(/images/relaunch/icons/icon_sprites.png) no-repeat 0 -28px;
}

.widget{
  background-position: 0 -1328px;
  
}

.userComment{
    background-position: 0 -2132px;
}

.reportError {
  background-position: 0 -1650px;
}

.help{
  background-position: 0 -920px;
}

.editPhoto {
  background-position: 0 -1511px;
}

.editProfile {
  background-position: 0 -2178px; 
}

.settings {
  background-position: 0 -1741px;
}

.myDocuments {
  background-position: 0 -742px;
}

.printer {
  background-position: 0 -1604px;
}

.openId {
  background-position: 0 -1282px;
}

.sixgroups {
  background-position: 0 -1786px;
}

.edit{
  background-position: 0 -1466px;
}

.admin, .admin:visited {
  background-position: 0 -122px;
}

.sendMessage{
  background-position: 0 -647px;
}

.add{
  background-position: 0 -76px;
}

.minusIcon {
  background-position: 0 -14px !important;
}

.delete{ 
  background-position: 0 -2550px;
}

.exclamation {
  background-position: 0 -558px;
}

.style{   
    background-position: 0 -466px;
}

.layout{
  background-position: 0 -1092px;
}

.basedata{
  background-position: 0 -1374px;
}

.rss{ 
  background-position: 0 -695px;
}

.page{
  background-position: 0 -1419px;
}





/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clearBoth {
  clear: both;
}


html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix
{
  display: inline-block;
}

* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}




/* more generic stuff */
img.favicon {
  vertical-align: middle;
  max-width: 16px !important;
} 



/*   
 * 
 * 
 * 
 * / 
/* =subnavi
--------------------------------------------------------------------------------*/
ul.subNavigation {
  margin-bottom:12px; 
}


ul.subNavigation a:link, ul.subNavigation a:visited{
  color:#159FB9; 
}

ul.subNavigation li,
ol.feed li {
  border-bottom: 1px dotted #DBDCD6;
  padding: 4px 10px;   
}

ul.subNavigation li.current a{
  font-weight: bold !important;
}  


/* =paging
--------------------------------------------------------------------------------*/
ul.pagination {
  clear: both;
  border: 1px dotted #e6e6e6;
  padding: 12px 0;
  margin: 12px 0;
  border-width: 1px 0;
}

ul.pagination li {
  float: left;
  margin: 0 3px 0 0;
}

ul.pagination li a:link,ul.pagination li a:visited {
  padding: 6px 8px;
  border: 1px solid #DBDCD6;
  font-size: 0.9em;
  line-height: 1.3em;
  display: block;
  background: #fff;
  color: #159FB9;
}

ul.pagination li a:hover {
  background-color: #109BB8;
  color: white;
  text-decoration: none;
}

ul.pagination li a:hover {
  text-decoration: underline;
}

ul.pagination li strong a {
  color: #545454;
}


/* =morelink
--------------------------------------------------------------------------------*/
#getMoreShouts {
  background-color: #FFFFFF;
  border-color: #aaa;
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 22px;
  line-height: 1.5em;
  margin: 6px 0;
  color: #8F004D;
  padding: 10px 0;
  text-align: center;
  text-shadow: 1px 1px 1px #FFFFFF;
  width: 100%;
}

#getMoreShouts:hover {
  background-color: #8F004D;
  border-color: #fff;
  color: #fff;
}


/* previews (user, community...)
 * 
 */
/* =previews
--------------------------------------------------------------------------------*/

.itemPreview {

}
.grid_2 .itemPreview img.imageStyle,
.grid_3 .itemPreview img.imageStyle,
.grid_4 .itemPreview img.imageStyle,
.grid_6 .itemPreview img.imageStyle{
  float:left;
  margin-right:12px;
}
.grid_2 .itemPreview p,
.grid_3 .itemPreview p,
.grid_4 .itemPreview p,
.grid_6 .itemPreview p {
  margin-left:84px;
  line-height:16px;
}


.grid_1 .itemPreview img.imageStyle,
.grid_05 .itemPreview img.imageStyle
 {
  float:none;
}
.grid_05 .itemPreview img.imageStyle {
  padding:0px;
  border:0; 
  margin-right:0px;
}
.grid_1 .itemPreview p, .grid_05 .itemPreview p {
  margin-left:0px;
  text-align:center;
}
.grid_05 .itemPreview p {
  margin-left:0px;
  line-height:13px;
}

.grid_05 .itemPreview {
  text-align: center;
}

*+html .itemPreview p {
  word-wrap: break-word;
}
.communityList .itemPreview p{
  margin-left:54px;
}



/* =shoutbox
--------------------------------------------------------------------------------*/
#shoutformContainer{  
  border:1px solid #a7a7a7;
  background-color: #EFEFEF;
  padding: 6px;
}

#shoutSubmitButton{
  max-width: 100px;
  float:left; 
}

#shoutMessageContainer{  
  float: left;
  margin-right: 6px;
}

#shoutMessageContainer .toolbar{
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7;
  width: 460px;
  min-height: 24px;
  margin:0;
  padding: 0;
  border-top:1px dashed #999;
  display: block;
  background-color:#EFEFEF;
  font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;  
}

textarea.livestream { 
  border:1px solid #a7a7a7;  
  background-color: #fff;
  padding:3px;  
  height:22px;
  width: 440px;
  display:block;
  float: left;
}

textarea.livestreamLarge {
  border:1px solid #a7a7a7;  
  background-color: #fff;
  padding:3px;  
  height:54px;
  width: 440px;
  display:block;
  float: left;
}

textarea.comment_textarea {
  border:1px solid #9FA08E;  
  padding:3px;
  width:330px;
  margin-right:5px;
  height:16px;
  color:#777;
}

.comment_box, .like_box {
  clear:both;
  margin-bottom:1px;
  overflow:hidden;
  margin-left:38px;  
  border-bottom:1px solid #ccc;
}

.like_box  {
  background:#F6F6F4;
  padding:6px;
  
}

.comment_box_form {
  background:#F6F6F4;
  /*border:1px solid #bfbfbf;*/
  padding:0px 4px 6px 6px;
}
.comments_list {
  background:#F6F6F4;
  padding:6px 4px 6px 6px;
}

li.expandLinkLi {
  padding:0 0 6px 0;  
  font-style:italic;
}

#shoutListContainer { 
 background: transparent;
}

ol.shouts{
 background: transparent; 
}

li.streamItem{
  background: #fff;
  clear: both;
  border-bottom: 1px solid #DCECFB; 
  overflow: hidden;
  padding: 12px 15px;  
}

a.profileLink {
  font-weight: bold;
}


/* container for the user iamge / icon etx */
.streamImage{
  float:left;
  margin-right:12px;
}

.timeAgo{
  font-size: 9px;
  line-height: 1.0;
  vertical-align: top;
}
  


.streamImage img{
  vertical-align:top;
  padding:0;
}

/* container for the content of a stream item */
.streamContent{
  float: left;
  /*width: 490px;*/
  width:100%;
  padding: 0;
  position: relative;
  /*margin-bottom:10px;*/
}

.streamItem a:link, 
.streamItem a:visited {
  text-decoration:none; 
  /*color:#DF4593;*/
}
.streamItem a:hover,  .streamContentAd a:hover{
  text-decoration:underline; 
  /*color:#DF4593;*/
}
.streamItem a.profileLink, 
.streamContentAd a:link, 
.streamContentAd a:visited {
  color:#545454; 
  text-decoration:none; 
}
.streamItem a.profileLink:hover {
  /* color:#DF4593 !important;*/
} 
a.profileLink {
  font-weight:bold;
}

.streamItem a.partnersiteLink:link, .streamItem a.partnersiteLink:visited {
  text-decoration: none;
  color:#9F9F9F !important;  
  border-bottom:1px dotted #999999;
  text-decoration: none;
}
.streamItem a.partnersiteLink:hover {
  text-decoration: none;
  color:#DF4593;  
}

.streamContentUserInteraction{
  float: left;
  width: 444px;
  padding: 0 6px 0 0;
  position: relative;
}

#shoutListContainer .smallItem{
  width:396px;
}
#shoutListContainer .friends .smallItem {
  margin-right:12px;
  width:336px;
}

li.friends .streamContent {
  text-align:center;
}

.streamTeaserImage{
  float: left;
  max-width: 103px;
  overflow: hidden;  
}

.streamTeaserImage img{
  width: 90px;
  height: 68px;
  margin: 0 13px 5px 0;
  border: 1px solid #DCECFB;
}

.streamTeaser{
 
}

.streamTeaserWithImage{
  width: 371px;
  overflow: hidden;
  float: left;  
}

#shoutForm .streamIcon img.addIcon{
  border:0;
  padding:0;
  background: transparent;
}

#shoutForm .streamIcon img{
  border-color:#9da69d;
}

.streamContent .replyLink {
}

.streamContent .deleteShout {  
  background:url(/images/relaunch/icons/icon_sprites.png) left top no-repeat;
  background-position: 0 -2550px;
  padding:3px 0 3px 15px;  
}

.streamContent .deleteShout:hover {
  text-decoration: none;
}

.streamIconSmall img{
  border: 1px solid #E6E6E6;
  padding:3px;
  background:#fff;
  width:36px;
  height:36px;
}

.streamContentMessage {
  overflow:hidden;    
}

.streamContentMessage p{
  margin-bottom: 6px;
} 

.streamContentMessage img {
  vertical-align: top;
}

.streamContentMessage div{
  overflow:hidden;  
}

.streamContentFooter {
  margin-bottom:6px;
  padding: 6px 0 0 46px;
}

.streamContentFooter, .streamContentFooter a{
  color:#8F8F8F;
  overflow:hidden;  
  clear: left;
}
.response
.streamIcon {
  float:right;
}

.streamContentAd {
  text-align:center;  
  border-top:1px dashed #e6e6e6;
  padding:2px 0 0 0;
}

.plusMinus {
  background:url(/images/relaunch/stream/plusminus.gif) no-repeat 0 6px;
  display:inline;
  padding: 6px 0 0 22px;  
}

.minusIcon {
  background-position: 0 -16px;
}
.streamContentMessage h5 {
  margin-bottom:6px;
}

.streamContentMessage h5 a.external, .streamContentMessage h5 span {
  font-weight: normal;  
}

.streamContentMessage .serviceThumbNail {    
  max-height: 60px;
  float:left;
  margin: 0 12px 6px 0;
}

.streamContentMessage  .serviceDetails {
  clear:both;
}

.streamContentMessage  .serviceDetails img{
  float:left;
  margin-right:5px;
  max-width:445px;
}

.toggleFilters, .toggleArrow{
 background: url(/images/bg/arrows_small.png) 100% -65px no-repeat; 
 padding-right: 12px; 
 font-weight: normal;
 color: #9F9F9F !important;
}

.toggleFilters.open, .toggleArrow.open{
  background: url(/images/bg/arrows_small.png) 100% -95px no-repeat; padding-right: 12px;
}
.partnerContent img {
  max-width:100px !important;
  max-height:100px !important;
}


#tagsAndservies {
  border-bottom:1px dotted #e6e6e6;
  padding:6px 0;  
  margin-bottom:12px;
}

#tagsAndservies em {
  color:#8E8F8F;
}



span.filter{
  margin-right:6px;  
  color:#8E8F8F;  
}

/* media filters */
.filterList li {    
  float: left;
  border: 1px solid #ddd;    
  margin: 0 6px 6px 0;
  padding: 2px; 
}

.filterList li.active, .filterList li:hover{
  background: #eee;
} 

.filterList label:hover , .filterList li.active {
  color:#333;
}

.filterList li.active label:hover {
  color:#aaa;
}

.filterList input:hover, .filterList label:hover {
  cursor:pointer; 
}

#shoutBoxFilter .current .filterLink {
  background: #96999D;
  color:#fff;
}


#sgMmMediaTypes{
  padding: 0; 
  margin: 0;
  display: block; 
  float: right;
  min-width: 150px;
  height: 24px;  
}

#sgMmMediaTypes span{  
  width: auto;
  display: block; 
  display:inline-block;
  display: -moz-inline-stack; 
  margin: 0 3px 0 0;  
}

#sgMmMediaTypes li.active{
  background: #FFF;
  margin-bottom: -1px;
  padding-bottom:7px;
}


#sgMmAddMediaContainer label{
  font-weight: normal;  
}

#sgMmAddMediaContainer input{
  margin-right: 6px;
  float: left;
}

.sgMmConfirmAddMedia{
  display: inline-block;
  display: -moz-inline-stack;
  margin-left: 6px;
}

#sgMmMediaPreviewLabel{
  margin-top: 5px;
}


.sgMmMediaPreview{
  width: 96px;
  max-height: 96px;
  overflow: hidden;
  float: left;
  display:block;
  text-align: center;
  margin-right: 12px;
  margin-bottom:12px;
}

#sgMmMediaPreview img{
  max-width: 80px;
  max-height: 60px;
}


.statusMessage{ 
  clear:both; 
  text-align:left;
  font-size:12px;
  line-height:16px;
  padding:6px;
  text-indent:25px;
  margin: 0;
}

.statusOk {  
  color: #6DAF74;
  border:1px solid #6DAF74;
  background: transparent url(/images/icons/accept.gif) no-repeat 6px 7px;
}

.statusError {
  color:#ff0000;
  border:1px solid #ff0000;
  background: transparent url(/images/icons/error_on_white.gif) no-repeat 0px 4px;
}

.error {
    color:red;
    font-size:12px;
    margin:12px 0;  
    padding:6px 5px 7px 33px;
    background: url(/images/relaunch/icons/icon_sprites.png) no-repeat 0 -2000px;
}

/*private messages*/

.messageDetail table {
  margin-bottom:15px;
}
.messageDetail .text {
	border-bottom:1px solid #DBDCD6;
	border-top:1px solid #DBDCD6;
	margin-bottom:10px;
	padding:20px 0;
}
.messageDetail table th {
  padding-left:0;
  padding-right:20px;
  width:60px;
}

.rte-zone {
border:1px solid #999999;
clear:both;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;

font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 12px;
padding:0;
}

/* =sgbar
--------------------------------------------------------------------------------*/
#sgBar {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;    
  border-bottom: 1px solid #F8FAFB;
  background: #393D2E;    
  font: 12px/1.2 normal Tahoma, Arial, Helvetica, Verdana, sans-serif;
  color: #F5F6F1 !important;
  z-index: 1050; /* must be above all other elems */
  line-height: 1.2;
}

#sgBar a:link, 
#sgBar a:visited, 
#sgBar a:hover, 
#sgBar a:active{  
  color:#fff !important;
 
}

#sgBar a img {
  border: none;
}


#sgBarLeft {
  max-width: 264px;
  min-width: 200px;
  padding: 6px;
  float: left;
  margin: 0 6px 0 0;
  text-align:left;   
}

#sgBarLeft a:hover{
  color: #DC006C;
}

#sgBarCenter {
 float: left;    
}

#sgBarRight {
  /*width: 264px;*/
  max-width: 264px;   
  min-width: 200px;
  float: right;
  padding: 6px 0;   
  text-align: right;
}

/* 6 logo */
#sg {
    margin: -6px 0;
    vertical-align: top;
}

#sgBar a#sgLcTitle:link, 
a#sgLcTitle:hover, 
a#sgLcTitle:visited{
  font-weight:bold;
  display: block;
  text-decoration: none;   
}

#sgBar a#sgLcTitle:hover{
  color: #DC006C;  
}


#sgBarUserNavigation{
  display: inline-block;
  display: -moz-inline-stack;
  padding-left: 12px;  
  zoom: 1;
  *display: inline;  
}


#lastShout {
    padding: 6px 6px 6px 12px;
    float:left;
}


#onlineUsersBar span{
  padding-right: 12px;
}



#sgBar .barIcon2:link, 
#sgBar .barIcon2:visited, 
#sgBar .barIcon2:hover {
    text-decoration: none;
    padding: 0 10px;
}

#userMessages, #userMessages:visited {
  background: transparent url(/images/relaunch/icons/icon_sprites.png) 0 -2484px no-repeat;
}

#userMessages:hover, #userMessagesAct {
  background: transparent url(/images/relaunch/icons/icon_sprites.png) 0 -1695px no-repeat;
}


#userContacts, #userContacts:visited {
  background: transparent url(/images/relaunch/icons/icon_sprites.png) 0 -2450px no-repeat;
}
#userContacts:hover {  
  background-position: -1px -2040px;
}

#userContactsAct {
  background: transparent url(/images/relaunch/icons/icon_sprites.png) -1px -2040px no-repeat;  
}
#userSettings, #userSettings:visited {
  background-image: url(/images/icons/admin_settings_white.png);
}
#userSettings:hover {
  background-image: url(/images/icons/admin_settings.png);
}

#sgBar a.number:link, #sgBar a.number:visited, #sgBar a.number:hover {
  font-size:10px; 
}

#barSearchForm input {
  vertical-align:middle;
}

#barSearch {
    background: #fff url(/images/relaunch/icons/google.gif) no-repeat 1px 3px;
    color:#19379F;
    font-size:11px;
    height:12px;
    padding:4px 0 5px 20px;
    width:100px;
}
#submitSearch {
   background:none;
    border:none;
    padding:0;
    margin:0;
} 



/* ############################################ */
/* #######         cluetip               ###### */
/* ############################################ */

a.clueTip {
  font-weight:normal;
  font-size:11px; 
  text-align:left;
  text-decoration: none;
}
  
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url(../../images/ajax-loader.gif) no-repeat;
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}


/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #fff;
  border:1px solid #B2B2B4;
  text-align:left;
}
.cluetip-default p{
  margin:0 0 6px 0;
  text-align:left;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #fff;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  background-color: #F6F6F4;
  font-weight:bold;
  text-align:left;
  font-size:13px; 
}
.cluetip-default #cluetip-title a {
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  text-align:left;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0;

}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}






/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  /*font: 12px Arial, Helvetica, sans-serif;
  color: #333333;*/
}

#TB_secondLine {
  /*font: 10px Arial, Helvetica, sans-serif;
  color:#666666;*/
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

#livecommunity #TB_overlay {
  z-index:1041 !important;
}
#livecommunity #TB_window {
  z-index:1043 !important;
}
#livecommunity #TB_load {
  z-index:1044 !important;
}
.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}

.TB_overlayBG {
  background-color: #000;
  filter:alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

#TB_window {
  position: fixed;
  background: #F6F6F4;
  z-index: 102;
  display:none;
  border: 2px solid #fff;
  text-align:left;
  top:50%;
  left:50%;
}
#TB_window a:link {color: #333;}
#TB_window a:visited {color: #333;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #333;}
#TB_window a:focus{color: #333;}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_closeAjaxWindow #TB_closeWindowButton:link, #TB_closeAjaxWindow  #TB_closeWindowButton:visited {
 color:#139FBA;
 background:url(/images/icons/cross.gif) no-repeat right;
 padding-right:20px;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  height:27px;
}

#TB_ajaxContent h1 {
  /*color:#139FBA;
  margin-top:20px;
  padding-right:50px;
  line-height:1.2em;*/
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}



#TB_ajaxContent.TB_modal{
  padding:15px;
}

#TB_ajaxContent p{
  /*padding:5px 0px 5px 0px;*/
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}



#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}



#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;/* IE6 Hack */
}

/** prevents elements with "pos = relative" to scroll out of the box */
* html #TB_ajaxContent .formContainer,
*+html #TB_ajaxContent .formContainer{
  position:static;
}

* html #TB_ajaxContent .formContainer .textFieldBig,
*+html #TB_ajaxContent .formContainer .textFieldBig{
  position:static;
}

#externalContent{
 background: #CCBDA2;
}

#sgLoginWidget, 
#sgLoginWidgetContent{
  float: right;
  padding: 8px 5px 0 0;
}