@CHARSET "ISO-8859-1";

.baseBox .content {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#content h3 {
	text-align: center;
	font-size: 14px;
}

#content #matchpartner {
	position: relative;
	margin-top: 10px;
	min-height: 290px;
}

.matchingBar {
	height: 41px;
	cursor: pointer;
	display: inline-block;
}

#profilMatchingButtonContainer{
	float:left;
}
#profilMatchingButtonContainer.hide{
	display:none;
}

#profilMatchingDecisionContainer.negativ{
	display:none;
}

#profilMatchingDecisionContainer.positiv{
	width:223px;
	height:56px;
	margin-bottom:-17px;
}
#profilMatchingDecisionContainer.neutral{
	width:223;
	height:56px;
	margin-bottom:-17px;
}

#profilMatchingDecisionContainer.de.positiv{
	background:url(/images/textures/matching/bubleYesDe.png) no-repeat;
}
#profilMatchingDecisionContainer.de.neutral{
	background:url(/images/textures/matching/bubbleMaybeDe.png) no-repeat;
}

#profilMatchingDecisionContainer.pl.positiv{
	background:url(/images/textures/matching/bubleYesPl.png) no-repeat;
}
#profilMatchingDecisionContainer.pl.neutral{
	background:url(/images/textures/matching/bubbleMaybePl.png) no-repeat;
}

#profilMatchingDecisionContainer.en.positiv{
	background:url(/images/textures/matching/bubleYesEn.png) no-repeat;
}
#profilMatchingDecisionContainer.en.neutral{
	background:url(/images/textures/matching/bubbleMaybeEn.png) no-repeat;
}

#profilMatchingLinkContainer{
	margin-top:7px;
}
#profilMatchingLinkContainer.hide{
	display:none;
}

#profilMatchingLinkContainer .arrow{
	position:relative;
	top:4px;
	display:inline-block;
	width:23px;
	height:14px;
	background:url(/images/icons/greenVerticalArrow.png) no-repeat;
}

#content .matchingBar{
	margin-top: 10px;
	margin-left: 28%;
}

.buttonProfile{
	margin:0px !important;
	padding:0;
	float:right;
}

.matchingBar .matchButton {
	display: inline-block;
	float: left;
}

.matchingBar .matchButton .left, .matchingBar .matchButton .middle, .matchingBar .matchButton .right{
	display: inline-block;
	height: 41px;
	float: left;
}

.matchingBar .matchButton .middle {
	vertical-align: middle;
	line-height: 37px;
}

.matchingBar .matchButton:hover .middle, .matchingBar .matchButtonPositiveActive .middle, .matchingBar .matchButtonNeutralActive .middle, .matchingBar .matchButtonNegativeActive .middle {
	color: #FFF;
}

.matchingBar .matchButton .middle img {
	margin-top: 8px;
	margin-left: 10px;
	float: left;
}

.matchingBar .matchButtonPositive .left {
	background-image: url(/images/buttons/matching/match/normalLeft.png);
	background-repeat: no-repeat;
	width: 5px;
}

.matchingBar .matchButtonPositive .middle {
	background-image: url(/images/buttons/matching/match/normal.png);
	background-repeat: repeat-x;
}

.matchingBar .matchButtonPositive:hover .middle, .matchingBar .matchButtonPositiveActive .middle {
	background-image: url(/images/buttons/matching/match/positiveActive.png);
}

.matchingBar .matchButtonNeutral .middle {
	background-image: url(/images/buttons/matching/match/normal.png);
	background-repeat: repeat-x;
}



.matchingBar .matchButtonNegative .middle {
	background-image: url(/images/buttons/matching/match/normal.png);
	background-repeat: repeat-x;
}

.matchingBar .matchButtonNegative .right {
	background-image: url(/images/buttons/matching/match/normalRight.png);
	background-repeat: no-repeat;
	width: 5px;
}

@media only screen and (min-device-width:490px){

	.matchingBar .matchButtonNegative:hover .middle, .matchingBar .matchButtonNegativeActive .middle {
		background-image: url(/images/buttons/matching/match/negativeActive.png);
	}
	
	.matchingBar .matchButtonNegative:hover .right, .matchingBar .matchButtonNegativeActive .right {
		background-image:
			url(/images/buttons/matching/match/negativeActiveRight.png);
	}
	
	.matchingBar .matchButtonNeutral:hover .middle, .matchingBar .matchButtonNeutralActive .middle {
		background-image: url(/images/buttons/matching/match/neutralActive.png);
		background-repeat: repeat-x;
	}
	
	.matchingBar .matchButtonPositive:hover .left, .matchingBar .matchButtonPositiveActive .left {
		background-image:
			url(/images/buttons/matching/match/positiveActiveLeft.png);
	}

}

.matchingBar .seperator,.matchingBar .emptySeperator {
	background-image: url(/images/buttons/matching/match/seperator.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 37px;
	display: block;
	padding-left: 5px;
	padding-right: 10px;
	border-collapse: separate;
	float: left;
	font-size: 14px;
}

.matchingBar .emptySeperator {
	background: none;
}

#content #matchpartner #currentFrame,#content #matchpartner #previousFrame
{
	position: absolute;
	top: 0px;
	width: 230px;
}

#content #matchpartner #nextFrame {
	position: absolute;
	width: 130px;
	right: 0px;
}

#content #matchpartner #openMatches.hide{
	display:none;
}

#content #matchpartner #openMatches.show{
	display:block;
}

#content #matchpartner #openMatches.show .show{
	display:block;
}

#content #matchpartner #openMatches .hide{
	display:none;
}

#content #matchpartner #openMatches.hide .show{
	display:none;
}

#content #matchpartner #openMatches{
	margin-top:10px;
}
#content #matchpartner #openMatches .clearFloat{
	height:1px;
}
#content #matchpartner #openMatches #openMatchesContainer .left{
	width:23px;
	height:25px;
	background-image: url(/images/buttons/matching/match/openMatchesLeft.png);
	background-repeat: no-repeat;
	float:left;
}
#content #matchpartner #openMatches #openMatchesContainer .middle{
	height:25px;
	line-height:25px;
	font-weight:bold;
	background-image: url(/images/buttons/matching/match/openMatchesMiddle.png);
	background-repeat: repeat-x;
	float:left;
	padding-right:3px;
	padding-left:5px;
}
#content #matchpartner #openMatches #openMatchesContainer .right{
	width:5px;
	height:25px;
	background-image: url(/images/buttons/matching/match/openMatchesRight.png);
	background-repeat: no-repeat;
	float:left;
}

#content #matchpartner #nextFrame #next {
	width: 120px;
}

#content #matchpartner #nextFrame #next #images {
	height: 30px;
	position: relative;
}

#content #matchpartner #nextFrame #next #images .avatar {
	float: left;
	margin-right: 5px;
}

#content #matchpartner #currentFrame {
	left: 190px;
}

#content #matchpartner #currentFrame #currentAvatar {
	position: relative;
	width: 230px;
	height: 230px;
}

#content #matchpartner #currentFrame #currentAvatar.moreImages .oversizedAvatar img{
	cursor:pointer;
}

#content #matchpartner #previousFrame #previousAvatar {
	position: relative;
	width: 140px;
	height: 140px;
}

#content #matchpartner #currentFrame #currentAvatar .avatar,#content #matchpartner #previousFrame #previousAvatar .avatar
	{
	position: absolute;
	left: 0px;
	top: 0px;
}

#content #matchpartner #currentFrame #currentAvatar:hover #avatarOverlay
{
	display:block;
	z-index:40;
}

#content #matchpartner #currentFrame #avatarOverlay
{
	background-color: #fff;
	position:absolute;
	right:12px;
	bottom:12px;
	display:none;
	color:#000;
	padding-left:3px;
	padding-right:3px;
	text-decoration: none;
}
#content #matchpartner #currentFrame #avatarOverlay span{
	vertical-align: middle;
	line-height: 1;
}
#content #matchpartner #currentFrame #avatarOverlay img{
	vertical-align: middle;
	border:none;
}

#content #matchpartner #currentFrame #avatarSlider {
	width: 218px;
	overflow: hidden;
	height: 60px;
	position: relative;
	left: 3px;
}

#content #matchpartner #currentFrame #avatarSlider .controller {
	position: absolute;
	width: 13px;
	height: 60px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#content #matchpartner #currentFrame #avatarSlider .next {
	right: 0px;
	background-image: url(/images/buttons/slideRight.png);
}

#content #matchpartner #currentFrame #avatarSlider .nextDisabled {
	background-image: url(/images/buttons/slideNoRight.png);
	cursor: default;
}

#content #matchpartner #currentFrame #avatarSlider .previous {
	left: 0px;
	background-image: url(/images/buttons/slideLeft.png);
}

#content #matchpartner #currentFrame #avatarSlider .previousDisabled {
	background-image: url(/images/buttons/slideNoLeft.png);
	cursor: default;
}

#content #matchpartner #currentFrame #avatarSlider .holder {
	width: 192px;
	overflow: hidden;
	height: 58px;
	position: absolute;
	left: 13px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#content #matchpartner #currentFrame #avatarSlider .holder div {
	width: 512px;
}

#content #matchpartner #currentFrame #avatarSlider .holder .avatar {
	width: 64px;
	height: 58px;
	float: left;
}

#content #matchpartner #currentFrame #avatarSlider .holder .avatar img {
	max-width: 58px;
	max-height: 58px;
	cursor: pointer;
}

#content #matchpartner #previousFrame {
	left: 10px;
	width: 170px;
}

#content #matchpartner #previousFrame .matchChoice,#content #matchpartner #previousFrame .matchChoice *
	{
	display: inline-block;
	height: 33px;
}
#content #matchpartner #previousFrame .matchChoiceContainer{
	height:33px;width:140px;
}

#content #matchpartner #previousFrame .matchChoice * {
	background-repeat: no-repeat;
	float: left;
}

#content #matchpartner #previousFrame .matchChoice .left {
	width: 7px;
	background-image: url(/images/icons/matching/matchAction/left.png);
}

#content #matchpartner #previousFrame .matchChoice .icon {
	width: 20px;
	background-position: left 4px;
	margin-right:5px;
}

#content #matchpartner #previousFrame .matchChoice .positive {
	background-image:
		url(/images/icons/matching/matchAction/positive_20x18.png);
}

#content #matchpartner #previousFrame .matchChoice .neutral {
	background-image:
		url(/images/icons/matching/matchAction/neutral_20x18.png);
}

#content #matchpartner #previousFrame .matchChoice .negative {
	background-image:
		url(/images/icons/matching/matchAction/negative_20x18.png);
}

#content #matchpartner #previousFrame .matchChoice .middle {
	background-image: url(/images/icons/matching/matchAction/middle.png);
	background-repeat: repeat-x;
	line-height: 25px;
	vertical-align: middle;
}

#content #matchpartner #previousFrame .matchChoice .right {
	width: 7px;
	background-image: url(/images/icons/matching/matchAction/right.png);
}

#nextFrame #images:hover .overlay {
	visibility: visible;
}

#nextFrame .overlay {
	visibility: hidden;
	width: 100px;
	height: 30px;
	z-index: 1000;
	cursor: default;
	position: absolute;
	left:0px;
	top:0px;
}

#nextFrame .overlay .leftTop {
	background-image: url(/images/textures/leftTop.png);
	background-position: -3px -3px;
	width: 4px;
	height: 4px;
}

#nextFrame .overlay .centerTop {
	background-image: url(/images/textures/centerTop.png);
	background-position: 0px -3px;
	left: 4px;
	height: 4px;
	right: 4px;
	background-repeat: repeat-x;
}

#nextFrame .overlay .rightTop {
	background-image: url(/images/textures/rightTop.png);
	background-position: 0px -3px;
	width: 4px;
	height: 4px;
}

#nextFrame .overlay .leftMiddle {
	background-image: url(/images/textures/leftMiddle.png);
	background-repeat: repeat-y;
	background-position: -3px 0px;
	width: 4px;
	top: 4px;
	bottom: 4px;
}

#nextFrame .overlay .centerMiddle {
	left: 4px;
	top: 4px;
	bottom: 4px;
	right: 4px;
	background-color: #EEE8DB;
	text-align: center;
	font-size: 9px;
}

#nextFrame .overlay .rightMiddle {
	background-image: url(/images/textures/rightMiddle.png);
	background-repeat: repeat-y;
	width: 4px;
	top: 4px;
	bottom: 4px;
}

#nextFrame .overlay .leftBottom {
	background-image: url(/images/textures/leftBottom.png);
	background-position: -3px 0px;
	width: 4px;
	height: 4px;
}

#nextFrame .overlay .centerBottom {
	background-image: url(/images/textures/centerBottom.png);
	background-repeat: repeat-x;
	height: 4px;
	left: 4px;
	right: 4px;
	bottom: 0px;
}

#nextFrame .overlay .rightBottom {
	height: 4px;
	width: 4px;
	background-image: url(/images/textures/rightBottom.png);
}

#haveMatch {
	display: none;
}

/*Red flag*/
.flag {
	position: relative;
	left:-6px;
	top:3px;
	display: inline-block;
}

.flag .middle,.flag .left,.flag .right {
	background-repeat: repeat-x;
	vertical-align: middle;
	float: left;
	height: 23px;
}

.flag .left {
	background-image: url('/images/icons/explain/flag/left.png');
	width: 5px;
}

.flag .middle {
	background-image: url('/images/icons/explain/flag/middle.png');
	background-position: 0 bottom;
	color: #ffffff;
	padding-left:5px;
	padding-right:10px;
}

.flag .right {
	background-image: url('/images/icons/explain/flag/right.png');
	background-position: 0 bottom;
	width: 12px;
}

.flag,.flag .middle span {
	line-height: 28px;
	vertical-align: bottom;
	font-weight: bold;
}

#explain {
	width: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}

#explain .explainStep {
	clear: both;
	float: none;
	height: 102px;
	position: relative;
	margin-bottom: 10px;
}

.explainStep .picture {
	background-color: #ffffff;
}

.explainStep .picture,.explainStep .seperator,.explainStep .text {
	float: left;
}

#explain .figure {
	width: 40px;
	height: 50px;
}

#explain .arrow {
	width: 86px;
	height: 17px;
}

#explain h2{
	line-height:28px;
	height:28px;
	background-image: url(/images/icons/matching/positive_28x24.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 10px;
}

#explainClose{
	margin-top:10px;
}

.explainStep .seperator {
	background-image: url(/images/textures/explain/diagonalSeperator.png);
	width: 44px;
	height: 102px;
}

.explainStep .picture {
	width: 174px;
	height: 102px;
	border-top: 1px solid #eee;
	position: relative;
}

.explainStep .text {
	width: 172px;
	padding-right: 10px;
	padding-top: 10px;
	position: relative;
	border-top: 2px solid #ddd;
	top: 9px;
	background-color: #efefef;
	height: 71px;
}

.explainStep .picture .figure1 {
	position: absolute;
	left: 0;
	top: 40px;
}

.explainStep .picture .arrow {
	position: absolute;
}

.explainStep .picture .contact {
	position:absolute;
	width:104px;
	height:37px;
	left: 36px;
	top: 45px;
}

#step1 .picture .arrowRight {
	left: 40px;
	top: 60px;
}

#step2 .picture .arrowRight {
	left: 40px;
	top: 50px;
}

#step2 .picture .arrowLeft {
	left: 40px;
	top: 65px;
}

.explainStep .picture .figure2 {
	position: absolute;
	right: 0;
	top: 40px;
}

.explainStep .figure1Text {
	position: absolute;
	left: 10px;
	top: 30px;
	font-weight: bold;
}

.explainStep .figure2Text {
	position: absolute;
	left: 146px;
	top: 30px;
	font-weight: bold;
}
#matchingBox .toggleSwitchContainer{
	text-align: center;
	margin-bottom:10px;
	margin-top:20px;
}

.toggleSwitchContainer .toggleSwitch{
	padding-right: 10px;
	background-position: right center;
	background-repeat: no-repeat;
}

.toggleSwitchContainer .opened{
	background-image: url(/images/icons/redArrowUp.png);
}

.toggleSwitchContainer .closed{
	background-image: url(/images/icons/redArrowDown.png);
}

.lastSearchBox .boxContent{
	padding-left:100px;
}
.lastSearchBox .boxContent img{
	position: absolute;
	left: 30px;
	top: 10px;
}

.spinner {
	position: absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(/images/ajax-loader.gif) no-repeat;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

#profilMatchingButtonContainer.disabled{
	opacity: 0.5;
    width: 100%;
    text-align: center;
}
#profilMatchingButtonContainer.disabled .matchingBar{
    float: none;
}
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonPositive:hover .left,
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonNegative:hover .left,
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonNeutral:hover .left{
	background-image: url(/images/buttons/matching/match/normalLeft.png);
	color: #000000;
	cursor:default;
}
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonPositive:hover .middle,
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonNegative:hover .middle,
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonNeutral:hover .middle{
	background-image: url(/images/buttons/matching/match/normal.png);
	color: #000000;
	cursor:default;
}
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonPositive:hover .right,
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonNegative:hover .right,
#profilMatchingButtonContainer.disabled .matchingBar .matchButtonNeutral:hover .right
{
	background-image: url(/images/buttons/matching/match/normalRight.png);
	color: #000000;
	cursor:default;
}