/* 2 CSS files have been created for BSM party project: 
1. navigation.css is beeing used for main containers definition, header, all navigation, footer and left (navigation) column of content;
2. profile.css is beeing used for right (profile) column of content */ 

/*THIS CSS FILE PROVIDES ONLY STYLE DEFINITIONS FOR RIGHT CONTENT  COLUMN */

/* GENERAL, UNIVERSAL CLASSES - MADE IF POSSIBILE */
a.more {
  display:block;
  padding-left:11px;
  background: url(https://www.bsmparty.de/img2/v4/site/css/headline-link-bg.png) no-repeat 0px 50%;
  font-size:11px;
}
input.submit {
	 background: url(https://www.bsmparty.de/img2/v4/site/bsmpartySprite.png) -430px 0px no-repeat;
  border: none;
  color:#fff;
  cursor:pointer;
  display:block;
  font-size:11px;
  font-weight:bold;
  height:25px;
  padding-bottom:4px;
  width:76px;
}
input.text {
  background:#ebebeb;
  border:1px solid #b9b9b9;
  border-width:1px 0 0 1px;
  display:block;
  height:19px;
  padding:2px;
}
/* content - section: right-column - top advertisement*/
#page .content .right-column {
  min-width:735px;
  float:left;
}
/* content - section: right-column - top advertisement*/
#page .content .right-column .advertisement {
  border:4px solid #eaeaea;
  display:block;
  margin-bottom:12px;
  background:#FFFFF;
  text-align:center;
  z-index:1;
}
/* content - section: right-column -left(profile) column*/
#page .content .right-column .profile-column {
  width:505px;
  padding-right:13px;
  float:left;
}
/* IE7 HACK FOR AUTO WIDTH*/
*:first-child+html #page .content .right-column .profile-column {
  width:505px;
}
* html #page .content .right-column .profile-column {
  width:505px;
}
* html #page .content .right-column .profile-column .profile-results {
  width:489px !important;
  overflow:hidden;
}
/* content - section: right-column -right(navigation) column*/
#page .content .right-column .navigation-column {
  width:217px;
  float:left;
}
/* content - section: right-column -right(navigation) column - small add on top */
#page .content .right-column .navigation-column .headergrafik {
  display:block;
  border:1px solid #d5d5d5;
  margin-bottom:15px;
}

/* content - section: left column - boxe's sub(category)headline */
#page .content .right-column .box {
  border:1px solid #d9d9d9;
  margin-bottom:15px;
}
#page .content .right-column .tabs {
  border-top:0;
}
/* content - section: left column - boxe's sub(category)headline */
#page .content .right-column .box  h3{
  background:#f4f4f4;
  height:29px;
  border-top:1px solid #d9d9d9;
  font-size:12px;
  font-weight:normal;
  padding-left:14px;
}
#page .content .right-column .box  h3 span {
  width:14px;
  height:14px;
  margin:8px 11px 7px 0;
  float:left;
  display:float;
  background:#8d2771 url(https://www.bsmparty.de/img2/v4/site/css/icon-filter.png) 0 50% no-repeat; /* CHANGABLE ICON FROM RIGHT NAVIGATION COLUMN */
}
#page .content .right-column .box  h3 a{
  display:block;
  float:left;
  color:#000;
  font-size:12px;
  cursor:pointer;
  margin-top:5px;
}
#page .content .right-column .box  h3:hover span,#page .content .right-column .box  h3.active span{
  background:url(https://www.bsmparty.de/img2/v4/site/css/subheadline-link-hover-bg.png) 0 50% no-repeat; 
}
/* content - section: left column - section box navigated by h3 headlines */
#page .content .right-column .box  .section {  
  padding:5px 10px;
  border-top:1px solid #d9d9d9;
}
/* content - section: left column - section box navigated by h3 headlines - inside list */
#page .content .right-column .box  .section ul{  

}
#page .content .right-column .box  .section ul li {
  height:23px;
  line-height:23px;
  display:block;
  float:left;
  width:77px;
  padding: 0 10px 0 15px;
}  
#page .content .right-column .box  .section ul li a{
  display:block;
   background:url(https://www.bsmparty.de/img2/v4/site/css/section-link-bg.png) 0 50% no-repeat;  
   color:#000;
   padding-left:15px;
}
/* content - section: right column - boxe's headline */
#page .content .right-column .box  h2 {
  padding-left: 16px;
  height:36px;
  line-height:36px;
  font-size:14px;
  font-weight:normal;
  color:#020000;
  border-bottom:1px solid #d9d9d9;
  background:url(https://www.bsmparty.de/img2/v4/site/css/left-box-headline-bg.png) repeat-x;
}
/* content - section: right column - friends-section, friends list */
#page .content .right-column .box .friends-section {
  padding: 9px;
}
#page .content .right-column .box .more-box {
  height:31px;
  background:#F4F4F4;
  line-height:31px;
  border-top:1px solid #d9d9d9;
  padding: 0 10px;
}
#page .content .right-column .box .more-box a{
  display:block;
  float:right;
}
#page .content .right-column .box .more-box span.bg {
  width:14px;
  height:14px;
  margin:8px 0 7px 9px;
  float:right;
  display:float;
  background:#8d2771 url(https://www.bsmparty.de/img2/v4/site/css/icon-filter.png) 0 50% no-repeat; /* CHANGABLE ICON FROM RIGHT NAVIGATION COLUMN */
}


/* MAIN CHANGABLE PARTS OF PROFILE - all styles here are editable by user action !!!!!!! */
/* content - section: right column - changagle color of links */
.right-column a {
  color:#8d2771;/*changable - very important for FONT COLOR CUSTOMIZATION */
}
/* content - section: right column - profile info box; (changable by user) IS BEEING USED TO SWITCH PROFILE-RESULTS CONTENT */
#page .content .right-column .profile-column .profile-info {
  border:1px solid #d9d9d9;
  padding:1px;
  background:#fff;
}
#page .content .right-column .profile-column .profile-info .inside {
  background:#f8bbe7; /*changable*/
  height:100px;
  position:relative;
  z-index:1;
}
/* content - section: right column - profile info box - mark of premium user */
#page .content .right-column .profile-column .profile-info .inside .mark {
  display:block;
  position:absolute;
  width:120px;
  height:70px;
  background-position:0px -681px;
  right: 11px;
  top:37px;
}

/* content - section: right column - profile info box - mark of premium user */
#page .content .right-column .profile-column .profile-info .inside .mark2 {
  background-position:-120px -681px;
}


/* content - section: right column - profile info box - mark of premium user */
#page .content .right-column .profile-column .profile-info .inside .mark3 {
  background-position:-240px -681px;
}





/* content - section: right column - profile info box - list of changable via tabs subsites */
#page .content .right-column .profile-column .profile-info .inside ul.navi {
  height:32px;
  line-height:32px;
}
#page .content .right-column .profile-column .profile-info .inside ul.navi li {
  list-style:none;
  display:block;
  float:left;
}
#page .content .right-column .profile-column .profile-info .inside ul.navi li a {
  display:block;
  float:left;
  padding:0px 12px;
  color:#fff;
  background:#8d2771 /*changable*/;
  border-right:1px solid #dca9ce;/*changable*/
}
/* IE7 SPECIAL FIX */
*:first-child+html #page .content .right-column .profile-column .profile-info .inside ul.navi li a {
  padding: 0 10px;
}
* html #page .content .right-column .profile-column .profile-info .inside ul.navi li a {
  padding: 0 10px;
}
#page .content .right-column .profile-column .profile-info .inside ul.navi li.last a {
  border-right:none;
  padding-right:10px;
}
/* IE7 SPECIAL FIX */
*:first-child+html #page .content .right-column .profile-column .profile-info .inside ul.navi li.last a {
  padding: 0 10px;
}
#page .content .right-column .profile-column .profile-info .inside ul.navi li a.active,#page .content .right-column .profile-column .profile-info .inside ul.navi li a:hover {
  color:#000;
  background:none;
}
/* content - section: right column - profile info box - main info box form name, age, status and klicks counter */
#page .content .right-column .profile-column .profile-info .inside .main-info {
  padding:10px 18px;
}
#page .content .right-column .profile-column .profile-info .inside .main-info h1 {
  color:#8d2771; /*changable!! */
  font-size:24px;
  font-weight:bold;
}
#page .content .right-column .profile-column .profile-info .inside .main-info h1 span{
  color:#000;
  font-weight:normal;
}
#page .content .right-column .profile-column .profile-info .inside .main-info h1 .ic20 {
	margin:5px 5px 0px 0px;
}
#page .content .right-column .profile-column .profile-info .inside .main-info h4 {
  height:15px;
  line-height:15px;
}
#page .content .right-column .profile-column .profile-info .inside .main-info h4 span {
  width:39px;
  height:14px;
  line-height:14px;
  font-size:8px;
  text-transform:uppercase;
  color:#fefefe;
  font-weight:normal;
  float:left;
  display:block;
  text-align:center;
  margin-top:1px;
}
#page .content .right-column .profile-column .profile-info .inside .main-info h4 strong {
  color:#000;
  font-size:12px;
  float:left;
  margin-left:6px;
}
/* content - section: right column - profile results chagable via profile-info tabs*/
#page .content .right-column .profile-column .profile-results {
    border: 1px solid #d9d9d9;
	/***************** MARKER *******/
    padding: 10px 7px;
    margin-top:13px;
}
/* content - section: right column - profile results -main headline with changable background color */
#page .profile-results h2.headline {
  font-size:11px;
  color:#f8bae7; /*changable*/
  background:#8d2771; /*changable*/
  height:24px;
  line-height:24px;
  position:relative;
  padding: 0 13px;
  margin-bottom:7px;
}
#page .profile-results h2.headline strong {
  float:left;
  display:block;
}
/* content - section: right column - profile results - main headline - right (white) action link */
#page .profile-results h2.headline a {
  display:block;
  float:right;
  color:#fff;
  padding-left:11px;
  padding-right:10px;
  background:url(https://www.bsmparty.de/img2/v4/site/css/headline-link-bg.png) 0 50% no-repeat;
}
/* content - section: right column - profile results -main headline with changable background color - 4 dots for rounded-alike effect of headline.
NE - northeast, NW - northwest, SE- southeast, SW-southwest */
#page .profile-results h2.headline span {
  position:absolute;
  display:block;
  width:1px;
  height:1px;
  background:#fff;
}
#page .profile-results h2.headline span.nw {top:0px;left:0px;}
#page .profile-results h2.headline span.ne {top:0px;right:0px;}
#page .profile-results h2.headline span.sw {bottom:0px;left:0px;}
#page .profile-results h2.headline span.se {bottom:0px;right:0px;}
/* content - section: right column - profile results - detailed user view (info) */
#page .content .right-column .profile-column .profile-results .detailed-view {
  padding-bottom:18px;
}
/* content - section: right column - profile results - detailed user view - left column with photo and short description */
#page .content .right-column .profile-column .profile-results .detailed-view .photo {
  margin-right:17px;
  float:left;
  width:215px;
}
#page .content .right-column .profile-column .profile-results .detailed-view .photo a.profile-foto {
  display:block;
  border:0px solid #f4f4f4;
}
#page .content .right-column .profile-column .profile-results .detailed-view .photo p {
  padding: 8px 0px;
}
/* content - section: right column - profile results - detailed user view - right column with all user information  */
#page .content .right-column .profile-column .profile-results .detailed-view .table{
  width:240px;
  float:left;
}
#page .content .right-column .profile-column .profile-results .detailed-view .table .row {
  height:28px;
  line-height:28px;
  border-bottom:1px dotted #d9d9d9;
}

#page .content .right-column .profile-column .profile-results .detailed-view .table .row .entry{
  width:160px;
  float:right;
}





/* content - section: right column - profile results - various lists section */
#page .content .right-column .profile-column .profile-results .lists-section {
  padding-bottom: 18px;
}
#page .content .right-column .profile-column .profile-results .lists-section ul{
  width: 450px;
  padding-left:10px;
}

#page .content .right-column .profile-column .profile-results .lists-section ul img {
  max-width:450px;
}


#page .content .right-column .profile-column .profile-results .lists-section ul li{
  display:block;
  float:left;
  height:31px;
  line-height:31px;
  padding-left:21px;
  border-bottom:1px dotted #d9d9d9;
  width:105px;
}
#page .content .right-column .profile-column .profile-results .lists-section ul li a {
  font-size:11px;
  margin-right:3px;
}
#page .content .right-column .profile-column .profile-results .lists-section ul li span {
  color:#929292;
  font-size:11px;
}
/* content - section: right column - profile results - various lists section - special icon for 3 states: man, woman, and group */
#page .content .right-column .profile-column .profile-results .lists-section ul li.man {
  background:url(https://www.bsmparty.de/img2/v4/site/css/man-bg.png) 0 50% no-repeat;
}
#page .content .right-column .profile-column .profile-results .lists-section ul li.woman {
  background:url(https://www.bsmparty.de/img2/v4/site/css/woman-bg.png) 0 50% no-repeat;
}
#page .content .right-column .profile-column .profile-results .lists-section ul li.group {
  background:url(https://www.bsmparty.de/img2/v4/site/css/group-bg.png) 0 50% no-repeat;
}
/* content - section: right column - profile results - admin section */
#page .content .right-column .profile-column .profile-results .admin-section {
  padding-bottom:15px;
  height:24px;
  line-height:24px;
  padding-left:10px;
}



#page .content .right-column .profile-column .profile-results .admin-section select {
  display:block;
  float:left;
  background:#ebebeb;
  border: 1px solid #b9b9b9;
  border-width: 1px 0 0 1px;
  height:24px;
  width: 186px;
  margin-right:8px;
  padding:2px;
}
#page .content .right-column .profile-column .profile-results .admin-section input.submit  {
  width: 76px;
  height:25px;
  display:block;
  float:left;
  border:none;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  padding-bottom:4px;
  cursor:pointer;
}
#page .content .right-column .profile-column .profile-results .admin-section a{
  float:right;
  display:block;
  padding-left:11px;
  background: url(https://www.bsmparty.de/img2/v4/site/css/group-bg.pngheadline-link-bg.png) no-repeat 0 50%;
}
/* content - section: right column - profile results - questbook section */
#page .content .profile-results .guestbook-section {

}
/* content - section: right column - profile results - questbook section - form */
#page .content .profile-results .guestbook-section p {
  height:24px;
  line-height:24px;
  border-bottom: 1px dotted #d9d9d9;
  padding-bottom:13px;
}
#page .content .profile-results .guestbook-section p input.text {
  float:left;
  margin-right:8px;
  width: 318px;
}
#page .content .profile-results .guestbook-section p input.submit {
  float:left;
}
#page .content .profile-results .guestbook-section p a.smilies {
  display:block;
  float:right;
  font-size:11px;
  padding: 0px 5px 0px 19px;
  background:url(https://www.bsmparty.de/img2/v4/site/css/smilies-bg.png) 0 50% no-repeat;
}
/* content - section: right column - profile results - questbook section - paginator */
#page .content .profile-results .guestbook-section .paginator {
  height: 17px;
  line-height: 17px;
  padding: 5px 0px 7px 0px;
  border-bottom: 1px dotted #d9d9d9;
  margin-top:20px;
}
#page .content .profile-results .guestbook-section .paginator li {
  display:block;
  float:left;
  width:17px;
  height:17px;
  color:#cecece;
  text-align:center;
}
#page .content .guestbook-section .bottom-paginator {
  height: 17px;
  line-height: 17px;
  padding: 11px 0px 13px 0px;
  border-bottom: none;
}
#page .content .profile-results .guestbook-section .paginator a:hover,#page .content .profile-results .guestbook-section .paginator a.active {
  color:#000;
  display:block;
  float:left;
  width:17px;
  height:17px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry {
  border-bottom:1px dotted #d9d9d9;
  padding: 9px 0px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .avatar {
  border:2px solid #f4f4f4;
  display:block;
  float:left;
  margin-right:9px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text{
  width: 420px;
  float:left;
}

#page .profile-results .guestbook-section .guestbook-entries .entry .text img{
  max-width:400px;
}

/* IE6 FIX */
* html #page .profile-results .guestbook-section .guestbook-entries .entry .text{
  width:430px;
}
* html #page .profile-results .guestbook-section .guestbook-entries .entry .text1{
  width:680px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3{
  height:26px;
  line-height:26px;
  background:#f4f4f4;
  padding: 0px 7px;
  font-size:12px;
  font-weight:normal;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text p {
  font-size:11px;
  color:#494949;
  line-height:18px;
  padding-top:5px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3 .left-part {
  float:left;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3 .right-part {
  float:right
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3 .right-part a{
  font-size:11px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3 .right-part a.delete{
  border-left:1px solid #d9d9d9;
  padding-left:6px;
  margin-left:4px;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3 span.age {
  color:#7a7a7a;
}
#page .profile-results .guestbook-section .guestbook-entries .entry .text h3 span.date {
  color:#000;
}
/* content - section: right column - accordion tab content */
#page .content .right-column .box  .section {  
  padding:5px 10px;
  border-top:1px solid #d9d9d9;
  overflow:hidden;
  display:none;
}
#page .content .right-column .box  .section p {
  padding: 10px 5px;
  color:#494949;
  font-size:11px;
  text-align:justify;
}
/* content - section: right column - accordion tab content - quick message form */
#page .content .right-column .box  .message form{
  padding:5px;
}
#page .content .right-column .box  .message form select {
  background:#ebebeb;
  border:1px solid #b9b9b9;
  border-width:1px 0px 0px 1px;
  display:block;
  height:24px;
  padding:2px;
  width:185px;
  margin-bottom:9px;
}
#page .content .right-column .box  .message form textarea {
  background:#ebebeb;
  border:1px solid #b9b9b9;
  border-width:1px 0px 0px 1px;
  display:block;
  height:104px;
  padding:2px;
  width:180px;
  margin-bottom:9px;
  font-family:Arial,sans-serif;
  font-size:12px;
  margin-bottom:9px;
}
#page .content .right-column .box  .message form input.submit{
  float:right;
}


.profilbox td {
	height:25px;
	border-bottom:1px dotted #C2C2C2;	
	padding:4px;
}



/*** Ab hier sind Funktionen für Gruppen ***************************************************************************************/
.gruppen_header {
  width:100%;
}
#page .profile-info {
  border:1px solid #d9d9d9;
  padding:1px;
  background:#fff;
}
#page .profile-info .inside {
  height:100px;
  position:relative;
  z-index:1;
}
/* content - section: right column - profile info box - mark of premium user */
#page .profile-info .inside .mark {
  display:block;
  position:absolute;
  width:130px;
  height:70px;
  background-position:0px -681px;
  right: 1px;
  top:37px;
}

/* content - section: right column - profile info box - mark of premium user */
#page .profile-info .inside .mark2 {
  display:block;
  position:absolute;
  width:130px;
  height:70px;
  background-position:-120px -681px;
  right: 1px;
  top:37px;
}


/* content - section: right column - profile info box - list of changable via tabs subsites */
#page .gruppe .profile-info .inside ul.navi {
  height:32px;
  line-height:32px;
}
#page .gruppe .profile-info .inside ul.navi li {
  list-style:none;
  display:block;
  text-align:center;
  float:left;
}
#page .gruppe .profile-info .inside ul.navi li a {
  display:block;
  float:left;
  padding:0 12px;
  color:#fff;
}
/* IE7 SPECIAL FIX */
*:first-child+html #page .gruppe .profile-column .profile-info .inside ul.navi li a {
  padding: 0 10px;
}
* html #page .gruppe .profile-info .inside ul.navi li a {
  padding: 0 10px;
}
#page .gruppe .profile-info .inside ul.navi li.last a {
  border-right:none;
  padding-right:10px;
}
/* IE7 SPECIAL FIX */
*:first-child+html #page .gruppe .content .right-column .profile-column .profile-info .inside ul.navi li.last a {
  padding: 0 10px;
}
#page .gruppe .profile-info .inside ul.navi li a.active,#page .profile-info .inside ul.navi li a:hover {
  color:#000;
  background:none;
}
/* content - section: right column - profile info box - main info box form name, age, status and klicks counter */
#page .gruppe .profile-info .inside .main-info {
  padding:10px 18px;
}
#page .gruppe .profile-info .inside .main-info h1 {
  font-size:24px;
  font-weight:bold;
}