/*	Base CSS defines some basic structure and positionings

*/
/*	Organization of style types:
	* positioning (with coordinates) styles
	* float/clear styles
	* display/visibility styles
	* spacing (margin, padding, border) styles
	* dimensions (width, height) styles
	* typography-related (line-height, color, etc.) styles
	* miscellaneous (list-style, cursors, etc.) styles
*/

/* ====== Header ====== */
.mastHead .logo-link {
	display:block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 466px;
	height: 39px;
}
.mastHead .headlogin,
.mastHead .genderStatistic {
	position: absolute;
	right: 10px;
}
.mastHead .headlogin {
	top: 7px;
}
.mastHead .headlogin .userIsLogedIn {
	text-align: right;
}
.mastHead .headlogin .fields {
	float: right;
	margin-top:3px;
}
.mastHead .headlogin .form-btn {
	margin-left: 5px;
}
.mastHead .headlogin .form-btn,
.mastHead .headlogin .form-btn button /* SEE mod.css - duplicate rule (todo: refactoring buttons with smaller height) */
.mastHead .headlogin .btn-inner,
.mastHead .headlogin .form-btn .btn-content {
	height: 17px !important;
	min-height: 17px !important;
}
.mastHead .headlogin input {
	margin-right: 5px;
}

.mastHead .genderStatistic {
	bottom: 2px;
}
/* ====== Global Navigation ====== */
.menu {
	height: 36px;
	border-top: 1px solid #c7c7c7;
	background-color: #d6d6d6;
}
.menu li {
	float: left;
	width: 158px;
	line-height: 36px;
	text-align: center;
	background-image: url(../../images/v1/sprite-gradients.png);
	background-position: 0 -226px;
	background-repeat: no-repeat;
}
.menu li a:link,
.menu li a:visited,
.menu li a:active,
.menu li a:focus,
.menu li a:hover {
	background-image: url(../../images/v1/sprite-gradients.png);
	display:block;
	height:36px;
	background-position: 0 0;
	background-repeat: repeat-x;
	margin-left: 2px;
	color: black;
	text-decoration: none;
}
.menu li a:active,
.menu li a:focus,
.menu li a:hover {
	background-position: 0 -303px;
}
.menu li.first a:link,
.menu li.first a:visited,
.menu li.first a:active,
.menu li.first a:focus,
.menu li.first a:hover {
	margin-left: 0;
}
.menu li.selected a:link,
.menu li.selected a:visited,
.menu li.selected a:active,
.menu li.selected a:focus,
.menu li.selected a:hover {
	background-position: 0 -36px;
	color: white;
}
.menu li.selected a:active,
.menu li.selected a:focus,
.menu li.selected a:hover {
	background-position: 0 -303px;
	color: black;
}
.menu li.down a:link,
.menu li.down a:visited,
.menu li.down a:active,
.menu li.down a:focus,
.menu li.down a:hover {
	background-position: 0 -36px;
	color: white;
}
/*.menu a {
	display: block;
	height: 100%;
}
.menu a {
	text-decoration: none;
}
.menu a:hover, .menu a:focus {
	text-decoration: underline;
}
.menu .selected {
	background-color: #939292;
	background-position: 0 -36px;
}
.menu .selected a {
	color: #FFF;
}
.menu, .menu .selected, .menu a {
	background-image: url(../../images/v1/sprite-gradients.png);
}
.menu .first a {
	background-image: none;
}
.menu a {
	background-position: 0 -226px;
	background-repeat: no-repeat;
}
.menu a, .menu a:link, .menu a:visited {
	text-decoration: none;
}
.menu a:hover, .menu a:focus {
	text-decoration: none;
	background-position: 0 -303px;
	color: black;
}*/
#breadcrumbNavaigation {
	position: relative;
	margin-bottom: 10px;
}
#breadcrumbNavaigation span {
	padding-left:10px;
	display:block;
}
#breadcrumbNavaigation ul {
	position:absolute;
	top:0;
	right:110px;
}
#breadcrumbNavaigation ul li {
	display: inline;
}
#breadcrumbNavaigation .prevProfile {
	padding: 0 6px 0 21px;
}
#breadcrumbNavaigation .nextProfile {
	padding: 0 21px 0 6px;
}

/* ====== Content ====== */
/* dashboard */
#newsBox,
#myProfileBox {
	height: 150px;
}
#newsBox {
	float: left;
	width: 455px;
}
#myProfileBox {
	float: right;
	width: 227px;
}
#newsActions {
	height: 30px;
}
#newsActions .messages,
#newsActions .visitors {
	width: 48%;
}
#newsActions .messages {
	float: left;
}
#newsActions .visitors {
	float: right;
}
#newsFeed {
	clear: both;
	margin-top: 3px;
}
#newsFeed li {
	padding: 3px 0 3px 30px;
	zoom: 1;
}
#myProfileBox .mySmallProfile {
	position: relative;
	height: 103px;
}
#myProfileBox .addPhoto,
#myProfileBox .status,
#myProfileBox .completeProfile {
	position: absolute;
}
#myProfileBox .addPhoto {
	top: 0;
	left: 0;
	width: 85px;
}
#myProfileBox .status {
	top: 0;
	right: 0;
	width: 132px;
	height: 70px;
}

#my-status {
	position: absolute;
	top: 0px;
	right: 88px;
}
#profilebar {
	position:relative;
	height:120px;
	width:98px;
}
#profilebar .value {
	position:absolute;
	bottom:0;
	width:44px;
	height:22px;
	float:left;
}
#profilebar .bar-bg {
	position:relative;
	left:45px;
	top:10px;
	height:100px;
	width:7px;
}
#profilebar .bar-value {
	position:absolute;
	bottom:0;
	float:left;
	height:0;
	width:7px;
}


.status #profilebar {
	position:relative;
	height:55px;
	width:130px;
}
.status #profilebar .value {
	position:absolute;
	bottom:20px;
	width:32px;
	height:25px;
}
.status #profilebar .bar-bg {
	position:absolute;
	left:16px;
	top:37px;
	height:7px;
	_height:1px;
	width:100px;
}
.status #profilebar .bar-value {
	position:absolute;
	bottom:11px;
	_bottom:10px;
	left:16px;
	height:7px;
	line-height:0;
	margin:0;
	padding:0;
}

/* width fuer FR bitte auf 132px lassen ODER gegentesten! */
#myProfileBox .completeProfile {
	top: 80px;
	right: 0;
	width: 132px;
}
/* updated
#myProfileBox -> .addPhoto
*/
.addPhoto .uploadLink,
.profilePicture .uploadLink {
	position: absolute;
	bottom: 4px;
	left: 4px;
	display: block;
	width: 75px;
	height: 33px;
}
.profilePicture .cto-note,
#slider li a .cto-note {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 85px;
}
#partnerSuggestions {
	clear: both;
}
#partnerSuggestions .ft {
	float:right;
	margin:10px;
}
/* new members box on dashboard */
.new-members {
	margin-top: 15px;
}
.icon-new-members {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
.new-members h3 {
	position: relative;
	padding: 5px 0 5px 40px;
}
.new-members h3 span {
	display: block;
}
.new-members .icon-new-tr {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 35px;
	height: 35px;
}
.new-members .more {
	padding: 10px;
}

/* partner relations / suggestions */
#partnerAdvices .sorting {
	position: relative;
	height: 24px;
	z-index: 1;
}
#partnerAdvices .sorting .list {
	position: absolute;
	right: 0;
	top: 18px;
	width: auto !important;
	width: 180px; /* IE6 */
}
#partnerAdvices .sorting .label,
#partnerAdvices .sorting .wrapper {
	float: right;
	height: 26px;
}
#partnerAdvices .sorting .wrapper {
	cursor: pointer;
}
#partnerAdvices .sorting .selected {
	padding-right: 15px;
}
#partnerAdvices .sorting li,
#partnerAdvices .sorting .list a {
	display: block;
	width: 100%;
}
.pagination {
	text-align: right;
}
.pagination li {
	display: inline;
}
/* user profile */
#vCard,
#greeting {
	position: relative;
	width: 430px;
}
#profileActions,
#profileOptions {
	position: absolute;
	right: 0;
	width: 230px;
}
#profileActions {
	top: 0;
}
#profileOptions {
	bottom: 0;
}
#profileOptions a {
	position: relative;
	top: 2px;
	padding-right: 30px;
}
#vCard .profilePicture {
	float: left;
	width: 93px;
	position: relative;
}
#vCard .profile-data {
	margin-left: 93px;
	padding: 3px 0 4px;
}
#vCard .profile-data .head {
	float: left;
	display: inline;
	margin-left: 5px;
	width: 117px;
}
#vCard .profile-data .data {
	display: block;
	margin-left: 122px;
}
#my-greeting {
	margin-top: 8px;
}
#form_store_greeting .length {
	float: left;
	width: 40%;
}
#form_store_greeting .action-buttons {
	float: right;
	width: 59%;
}
#form_store_greeting .btn {
	float: right;
	margin-left: 10px;
	_width: 100px;
}
#form_store_greeting textarea {
	margin-bottom: 5px;
	width: 100%;
}
#profileActions li {
	position: relative;
	height:26px;
}
#profileActions .cto-btn {
	margin-bottom: 2px;
	width: 88%;
	text-align: left;
}
#profileActions .iconHelp,
#profileOptions .iconHelp {
	top: 5px;
	right: 5px;
}
#profileTabs th {
	width: 300px;
	min-width: 300px;
}
#profileTabs th,
#profileTabs td {
	padding: 8px 10px;
	vertical-align: top;
}
/* inbox / messaging */
#messageList .message-type,
#messageList .message-body,
#messageList .partner-index {
	text-align: center;
}
#messageList .message-actions {
	text-indent: 14px;
}

/* quiz */
#quizBox h4 {
	margin: 10px 0;
}
#quizBox .answers {
	margin: 10px 30px 20px;
}
#quizBox .answers li {
	margin: 5px 0;
}
#quizBox .btn-secondary {
	float: right;
}
/* profile tabs */
.cnt-hd .actions {
	position: absolute;
	right: 10px;
}
.cnt-hd .actions .save {
	position: relative;
	top: -4px;
	float: left;
	margin-right: 10px;
}

/* MYSEARCH */
#searchCriterias {
	padding-bottom: 20px;
}
#searchCriterias h3 {
	margin-top:20px;
	padding: 8px 5px;
}
#searchCriterias .inner {
	position: relative;
}
#searchCriterias legend {
	display: none;
}
#searchCriterias label {
	display: block;
}
#searchCriterias .row {
	display: inline;
}
#searchCriterias h4 {
	width: 180px;
}
#searchCriterias .from-settings {
	position: relative;
	top: -16px;
	left: 180px;
	width: 595px;
}
#searchCriterias fieldset {
	margin-bottom: 10px;
}
#searchCriterias .btn-strong {
	position: absolute;
	right: 0;
	margin-top: 10px;
}
/* notepad */
#stickyBox {
	position: relative;
	height: 215px;
	z-index:0;
}
#stickyBox h3 {
	position: absolute;
	z-index:0;
	top: 45px;
	left: 15px;
}
#stickyBox blockquote,
#noteArea {
	position: absolute;
	top: 75px;
	left: 15px;
	width: 180px;
	height: 80px;
	overflow: auto;
	z-index:0;
}
#stickyBox .ft {
	position: absolute;
	right: 18px;
	bottom: 22px;
	width: 100px;
	z-index:0;
}

/* ====== feedback & error messages ====== */
.feedback {
	display: block;
	clear: both;
	padding: 20px 10px;
	margin-bottom: 20px;
	min-height: 0;
	_zoom: 1; /* IE6 */
}
.feedback:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.feedback li {
	margin: 3px 0 3px 25px;
	list-style-type: disc;
}

/* ====== grids ====== */
.line, .lastUnit {overflow: auto;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

.line {
	overflow: hidden;
}

/* ====== accessibility ====== */
.aural {
	left:-10000px;
	position:absolute;
}
/* ====== float clearing ====== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 0;
	_zoom: 1; /* IE6 */
}


#photoOverview .note {
	margin-bottom: 20px;
}
#photoOverview .fileupload {
	margin: 20px 5px;
}
#photoOverview .fileupload,
#uploadImageForm {
	/*height: 50px;*/
}
#uploadImageForm {
	display: block;
	padding-top: 15px;
	border-bottom: 1px solid #E4E4E4;
	background-color: #fff;
}
#photoOverview .fileupload label,
#photoOverview  .fileupload input {
	float: left;
}
#photoOverview  .fileupload label {
	margin: 0 10px 0 80px;
}
#photoOverview  .fileupload input {
	margin-right: 15px;
}
#uploadImageForm ol {
	
}
#uploadImageForm .fields {
	float: left;
	padding-top: 3px;
}
#photoOverview .loading, #photoUpload .loading  {
	background: url(../../images/v1/progress_bar.gif) 50% 50% no-repeat;
}

#photoUpload .loading  {
	height:50px;
}

#photoOverview .foto {
	display: block;
}
#photoOverview .contact-request {
	width: 195px;
	margin: 0 auto;
}
#photoOverview .photo-request {
	width: 200px;
	position:relative;
	top: -30px;
	margin: 0 auto;
}
#photoOverview .image-view {
	margin-top: 30px;
	text-align: center;
}
#photoOverview .image-crop-view {
	width: 400px;
	margin: 0 auto;
	overflow: hidden;
}
#photoOverview .btn-save { /* @TODO: prüfen, ob noch verwendet */
	float: right;
	width: auto !important;
	width: 50px; /* IE6 */
}
#photoOverview .image-box {
	position: relative;
	margin: 0 auto;
	width: 400px;
}
#photoOverview .image-box .sent-contact-appoval {
	position: absolute;
	bottom: 10px;
	left: 75px;
	width: 250px;
}
#photoOverview .gal-slider li img,
#photoOverview .gal-slider li .dmg {
	display: block;
}
.js-enabled .jCarousel {
	float: left;
	position: relative;
}
.jcarousel-container-horizontal {
	position: relative;
	padding: 5px 20px;
	width: 638px;
}
.jcarousel-clip-horizontal {
	position: relative;
	overflow: hidden;
	width: 634px;
	height: 122px;
}
.js-enabled #photoOverview .gal-slider {
	position: absolute;
	float: left;
	/*height: 190px;*/
	margin: 0 auto;
}
.jCarousel.partner,
#photoOverview .partner .gal-slider {
	height: 110px;
}
#slider {
	height: 122px;
}
#galleryCarousel li {
	float: left;
	margin: 0 2px;
	width: 102px; /* 100/6 */
	height: 122px;
}
#galleryCarousel li a {
	position: relative;
	display: block;
	width: 85px;
	height: 102px;
}
#photoOverview .my-photos .gal-slider li a {
	background:transparent url(../../images/v1/ajax-loader.gif) no-repeat scroll 50% 50%;
}
#photoOverview .gal-slider li {
	float: left;
	margin: 0 2px;
	width: 102px; /* 100/6 */
	height: 122px;
}
#photoOverview .gal-slider li div {
	height: 20px;
}
#profileTabs .gal {
	display: block;
	float: left;
	width: 10px;
	height: 100px;
}
#profileTabs .gal-nav {
	width: 115px;
	margin: 0 auto;
}
#profileTabs .gal-nav .prev,
#profileTabs .gal-nav .next {
	float:left;
	padding:0 10px;
	height:37px;
	width:37px;
}
#profileTabs .gal-nav li a {
	display:block;
	width:36px;
	height:37px;
}
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal {
	position: absolute;
	top: 5px;
	display: block;
	width: 11px;
	height: 102px;
}
.jcarousel-prev-horizontal {
	left: 0;
}
.jcarousel-next-horizontal {
	right: 0;
}

#mood strong {
	display: block;
	float: left;
	padding-left: 45px;
}
#mood span {
	position: relative;
	margin-left: 13px;
}
#profileData h3 {
	margin: 20px 0;
	padding: 2px 0 0 25px;
}
#profileGallery {
	float: left;
	position: relative;
	width:39%;
}


.tbl-small {
	width: 460px;
	float: left;
}

#profileGallery {
	margin: 20px 0 0 5px;
	width: 220px;
}
#profileGallery li {
	width: 85px;
	height: 102px;
	float: left;
	margin: 0 4px;
	_margin: 0 3px;
}
#profileGallery .pagination {
	width: 9px;
}
.pagination.prev a,
.pagination.next a {
	display:block;
	width: 9px;
	height: 120px;
}

#profileGallery .ft {
	clear: left;
	padding-top: 10px;
}

#messageHistory .message {
	margin-top: 15px;
	padding-bottom: 20px;
}
#messageHistory .message p {
	margin-top: 19px;
}
#messageHistory .messageDate {
	display: block;
	font-size: 85%;
}
#messageHistory strong {
	font-weight: bold;
}

#messageHistory .ft {
	position: relative;
	right: 0;
	padding: 2px 7px;
}

/*****
	VCARD
	content-profile
*****/
#miniVCard {
	position:absolute;
	top:-10px;
	right:0;
	background-image:url(../../images/v1/sprite-vcards-24.png);
	_background-image:url(../../images/v1/sprite-vcards-8.png); /*IE6*/
	background-position: 254px 2188px;
	width:100px;
	height:38px;
}
#miniVCard dt img,
#miniVCard dt .dmg {
	background-color:black;
	width:23px;
	height:23px;
}
#miniVCard dt {
	margin:6px;
	float:left;
	width: 28px;
}
#miniVCard dd {
	margin:6px 2px;
	font-size:85%;
}
#miniVCard dd strong {
	font-weight:bold !important;
	text-decoration:underline;
}
#vCard .region .data {
	width: 160px;
}
#vCard .distance {
	position: absolute;
	display: block;
	right: 0;
	width: 50px;
	padding-top: 21px;
	margin-top: -30px;
}
#vCard .cat {
	position: relative;
	top: -40px;
	left: 213px;
}
#vCard .cat span {
	display: block;
}

#myMessage .inner {
	padding: 6px 15px 15px;
}
#myMessage .frm-hd h2 {
	display: inline;
	float: left;
}
#myMessage .read .frm-hd h2 {
	display: block;
	float: none;
}
#myMessage .sub-actions {
	float: right;
	height: 18px;
	overflow: hidden;
	position: relative;
}
#myMessage .sub-actions button,
#myMessage .sub-actions .icon {
	float: left;
}
#myMessage #storeAsDraft {
	margin-right: 25px;	
}
#myMessage .sub-actions .iconHelp {
	position: absolute;
	right: 0;
	top: 0;
}
#myMessage .options {
	position: relative;
	margin-top: 7px;
	min-height: 30px;
	height: auto !important;
	height: 30px; /* IE6 */
}
#myMessage .templates {
	float: left;
	display: block;
}
#myMessage .options label {
	float: right;
}
#myMessage form {
	clear: left;
}
#myMessage textarea {
	width:630px;
	overflow: auto;
	height: 145px;
	margin-top: 10px;
}
#myMessage .ft .form-btn {
	margin-left: 20px;
}
#myMessage .ft {
	margin-top: 20px;
	height: 30px;
}

/* IE7 */
#myMessage input[type=submit] {
	clear: left;
}

/*****
	VCARD
	send message
****/
.vcard-small {
	height: 100px;
	padding: 0 8px;
}
.vcard-small .profilePicture,
.vcard-small .personal,
.vcard-small .greeting,
.vcard-small .index-cat {
	position: absolute;
	top: 0;
	height: 80px;
}
.vcard-small .personal {
	left: 75px;
	width: 210px;
}
.vcard-small .personal li {
	clear: left;
}
.vcard-small .personal .head {
	display: block;
	float: left;
	width: 75px;
	height: 23px;
}
.vcard-small .greeting {
	left: 295px;
	width: 245px;
}
.vcard-small .greeting.greetinglarge {
	width: 360px;	
	border-right: 0;
}
.vcard-small .mod-aboutme {
	float: none;
}
.vcard-small .index-cat .index {
	margin: 2px auto;
}
.vcard-small .index-cat {
	left: 550px;
	width: 124px;
}


#setProfilePictureForm ul li {
	float:left;
	/*width:15%;*/
	width:90px;
	margin-right:10px;
	/*height:190px;*/
}
#setProfilePictureForm ul li img,
#setProfilePictureForm ul li .dmg {
	display:block;
}

/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	width: 136px;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : Window url('../../images/v1/ajax-loader.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
/* end autocomplete */

#popupBox,
#popupBox2 {
	display: none;
	width: 550px;
}
#popupBox p,
#popupBox2 p {
	margin: 15px 0;
	padding-bottom: 15px;
}
#popupBox p strong,
#popupBox2 p strong {
	display:block;
}
#popupBox .ft,
#popupBox2 .ft {
	height:35px;
}
.dmg {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}