﻿#invites-popup #invitations {
	margin: 10px auto;
	position: relative;
}

#invites-popup .empty {
	display: block !important;
}

.template, .empty {
	display: none !important;
}

/* Common */
	#invitations * {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		list-style: none;
		border-collapse: collapse;
		z-index: 1001;
	}

	#invitations .profile-watch em {
		font-style: italic;
		color: #666;
	}

	.clear {
		clear: both;
	}

	.nw {
		white-space: nowrap;
	}

	.clickable {
		cursor: pointer;
		cursor: hand;
	}
/* end */

/* Layout */
	#invitations {
		font-family: Arial, sans-serif;
		position: fixed;
		bottom: 3px;
		right: 3px;
		z-index: 10000;
		/*_overflow: hidden;*/
	}

	* html #invitations {
		position: absolute;
		background-color: #fff;
	}

	#invitations.aidate { /* aidate invintation */
		width: 270px;
		border: 1px solid #666;
	}

	#invitations { /* svadba invintation, none class because css-class trouble in ie6 */
		width: 242px;
		border: 1px solid #666;
	}

	#invitations.collapsed .list {
		position: relative;
		bottom: 22px;
		left: -1px;

		width: 100%;
		margin: 0;
		padding: 0;
	}

	#invitations.collapsed .invitation {
		position: absolute;
		width: 100%;
		height: 0px;
		bottom: -16px;
	}
		#invitations.collapsed .preview {
			border: solid 1px #c30;
			height: auto;
		}
		#invitations.collapsed.svadba .preview {
			border: solid 1px #A8BEDC;
			height: auto;
		}

	#invitations.collapsed ul.notify {
		border: solid 1px #c30;
		bottom: 25px;
	}
/* end */

/* Control buttons */
	#invitations #i-bns {
		height: 15px;
		position: absolute;
		top: 3px;
		right: 3px;
		display: block;
		overflow: hidden;
	}
		.aidate #i-bns {
			font-family: Arial, sans-serif;
			color: #777;
		}
		.svadba #i-bns {
			font-family: Arial, sans-serif;
			color: #777;
		}
		
		#invitations #i-bns .value {
			position: relative;
			white-space: nowrap;
			cursor: pointer;
		}
		
		#invitations.collapsed #i-bns .value.maximize,
		#invitations #i-bns .value.minimize
		{
			display: block;
		}
		#invitations #i-bns .value.maximize,
		#invitations.collapsed #i-bns .value.minimize
		{
			display: none;
		}
		
		#invitations #i-bns .icon {
			position: absolute;
			left: 0;
			top: 0;
			width: 15px;
			height: 15px;
			cursor: pointer;
			_font-size: 0;
			_line-height: 0;
		}
		
		#invitations #i-bns .icon
		{
			background-repeat: no-repeat;
		}
			#invitations.aidate #i-bns .icon
			{
				background-image: url('/i/invites/invite-sprite.gif');
			}
			#invitations.svadba #i-bns .icon
			{
				background-image: url('/i/invites/invite-sprite.gif');
			}
			
			#invitations #i-bns .maximize .icon
			{
				background-position: 0 0;
			}
			#invitations #i-bns .minimize .icon
			{
				background-position: -15px 0;
			}
		
		#invitations #i-bns .label {
			padding-left: 18px;
			display: block;
			font-size: 11px;
		}
/* end */

/* Header & Footer */
	#invitations h4,
	#invitations h5,
	#invitations p {
		margin: 0;
		padding: 0;
	}
	
	#invitations h4,
	#invitations #i-title {
		font-weight: bold;
		font-size: 12px;
	}

	#invitations h4 {
		padding: 3px 6px;
	}
	#invitations #i-title {
		padding: 0 6px;
		height: 21px;
		cursor: pointer;
	}
	
		#invitations.aidate h4 {
			padding-right: 63px;
		}
		#invitations.aidate.collapsed #i-title {
			padding-right: 67px;
		}
		#invitations.svadba h4 {
			padding-right: 74px;
		}
		#invitations.svadba.collapsed #i-title {
			padding-right: 85px;
		}
		
		#invitations.aidate #i-title {
			border-top: 1px solid #c30;
		}
		#invitations.svadba #i-title {
			border-top: 1px solid #9A0325;
		}
		
		#invitations.collapsed #i-title {
			border-top: none;
		}

	#invitations.aidate h4,
	#invitations.aidate #i-title {
		background-color: #FFF1D9;
		color: #c30;
	}
	#invitations.svadba h4,
	#invitations.svadba #i-title {
		background-color: #FFF1D9;
		color: #8E0222;
	}

	* html #invitations #i-title {
		position: relative;
	}


	#invitations.aidate h4 {
		border-bottom: solid 1px #c30;
	}
	#invitations.svadba h4 {
		border-bottom: solid 1px #9A0325;
	}

	#invitations #i-footer {
		clear: both;
		border-bottom: none;
		position: relative;
	}

	#invitations .note {
		font-family: Tahoma;
		font-size: 10px;
		font-weight: normal;
		color: #7a7a7a;
		background: #f0f0f0;
		padding: 2px 2px 2px 10px;
	}

	#invitations #i-title {
		overflow: hidden;
		border-bottom: 0;
		font-size: 12px;
	}

	#invitations #i-title {
		*overflow: hidden;
	}

	#invitations #i-title .i-count {
		display: block;
		float: left;
		position: relative;
		padding-right: 32px;
		top: 3px;
	}
	
	#invitations #i-title .none {
		display: block !important;
		visibility: hidden;
		position: absolute;
		width: 1px;
	}
	
	#invitations.svadba #i-title {
		font-size: 11px;
		font-weight: normal;
	}

	#invitations #i-title .i-count {
		display: block;
		float: left;
		position: relative;
		padding-right: 32px;
		top: 3px;
	}
		#invitations #i-title .none {
			display: block !important;
			visibility: hidden;
			position: absolute;
			width: 1px;
		}
	
	#invitations #i-title .i-number {
		position: absolute;
		top: 1px;
		right: 8px;
		padding: 1px 6px 0 6px;
		height: 12px;
		font-family: Tahoma, sans-serif;
		font-size: 9px;
		color: #fff;
		border-left: solid 1px #ffffcd;
		border-right: solid 1px #ffffcd;
	}
	* html #invitations #i-title .i-number {
		height: 12px;
	}

	#invitations.aidate #i-title .i-number,
	#invitations.aidate .i-number .decor
	{
		background: #c30 url('/i/invites/invite-sprite.gif') 0 -35px repeat-x;
	}
	#invitations.svadba #i-title .i-number,
	#invitations.svadba .i-number .decor
	{
		background: #9A0325 url('/i/invites/invite-sprite.gif') 0 -35px repeat-x;
	}


	#invitations .i-number .decor {
		border: solid 1px #ffffcd;
		border-style: solid none;
		background-position: 0 -36px;
		height: 11px;
		width: 1px;
	}

	#invitations .i-number .l,
	#invitations .i-number .r {
		position: absolute;
		top: 0;
		left: -1px;
	}

	#invitations .i-number .r {
		left: auto;
		right: -1px;
	}
/* end */

/* Invites List */
	#invitations .list {
		list-style-type: none;
		background-color: #fff;
	}
	
	#invitations .wrapper {
		padding: 6px;
	}
	
	#invitations .invitation {
		background: #fff;
		overflow: hidden;
		position: relative;
		border-bottom: dashed 1px #ccc;
		_border-bottom: dotted 1px #ccc;
	}
/* end */

/* Invitation Profile */
	#invitations .invitation .i-profile {
		overflow: hidden;
	}

	#invitations .invitation .l {
		width: 77px;
		float: left;
		font-size: 12px;
		position: relative;
	}

	#invitations.svadba .invitation .l {
		width: 75px;
	}

	#invitations.svadba .i-profile .l {
		height: 85px;
		overflow: hidden;
		border: solid 1px #bad0da;
	}

	#invitations.aidate .invitation .l {
		width: 102px;
	}

	#invitations.aidate .invitation .l span.live-icon {
		position: absolute;
		width: 40px;
		height: 11px;
		top: 1px;
		left: 1px;
		background: url(/i/live-icon.png) no-repeat;
		
		display: none;
	}
		#invitations.aidate .invitation.cam .l span.live-icon {
			display: block;
		}

	#invitations.aidate .invitation .l img {
		width: 100px;
		height: 133px;
		display: block;
		border: 1px solid #8E0222;
	}

	#invitations.svadba .invitation .l img {
		width: 75px;
	}

	#invitations .invitation .r {
		float: right;
		width: 145px;
		text-align: left;
		margin-left: -1px;
	}

	#invitations .invitation .r h5 {
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
	}

	#invitations.aidate .invitation .r h5 {
		font-size: 13px;
		line-height: 1;
		font-weight: bold;
	}

	#invitations .invitation .r h5 a {
		color: #001f56;
	}

	#invitations .invitation .r h5 em {
		font-style: normal;
		font-weight: normal;
	}

	#invitations .invitation .r p {
		font: 11px Arial, sans-serif;
		padding: 2px 0 3px;
	}

	#invitations .invitation .r h5 a,
	#invitations .invitation .r p {
		padding-left: 2px;
		*padding-left: 0;
	}

	#invitations.svadba .invitation .r p {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#invitations .invitation .i-ctls {
		text-align: center;
		margin-top: 4px;
		clear: both;
		overflow: hidden;
		font-size: 11px;
	}

	#invitations .invitation .i-ctls .r {
		text-align: center;
	}


	#invitations .invitation .countdown,
	.invitation .bar {
		display: block;
		overflow: hidden;
		height: 5px;
	}

	#invitations .invitation .countdown {
		text-align: left;
	}
		#invitations.aidate .invitation .countdown {
			border: solid 1px #f0b090;
			margin: 2px 0;
		}
		#invitations.svadba .invitation .countdown {
			border: solid 1px #a8beca;
			margin: 0 0 2px;
		}

	#invitations.aidate .invitation .bar {
		background: #c30 url('/i/invites/invite-sprite.gif') 0 -30px repeat-x;
	}
	#invitations.svadba .invitation .bar {
		background: #8E0222 url('/i/invites/invite-sprite.gif') 0 -30px repeat-x;
	}


	#invitations .i-block,
	#invitations .i-close,
	#invitations .separator {
		color: #666;
	}

	#invitations .i-block,
	#invitations .i-close {
		cursor: pointer;
		text-decoration: underline;
	}

	#invitations .i-block:hover,
	#invitations .i-close:hover {
		text-decoration: none;
	}

	#invitations.svadba .i-block,
	#invitations.svadba .i-close,
	#invitations.svadba .separator {
		font-size: 11px;
	}

	#invitations.svadba .r div {
		text-align: center;
	}
	
	/* Accept Invitation Button */
		#invitations .invitation input.accept-invitation {
			display: block;
			text-indent: -2000px;
			font-size: 0;
			line-height: 0;
			border: 0;
			cursor: pointer;
			background-color: transparent;
			background-repeat: no-repeat;
		}
			#invitations.aidate .invitation input.accept-invitation {
				width: 146px;
				height: 27px;
			}
				#invitations.aidate .chat.cam input.accept-invitation,
				#invitations.aidate .profile-watch.cam input.accept-invitation {
					height: 39px;
					margin-top: -2px;
				}
			#invitations.svadba .invitation input.accept-invitation {
				width: 147px;
				height: 30px;
			}
		
		#invitations.aidate .invitation input.accept-invitation {
			background-image: url('/i/invites/aidate-accept-invitation-buttons.png');
		}
		#invitations.svadba .invitation input.accept-invitation {
			background-image: url('/i/invites/svadba-accept-invitation-buttons.png');
		}
		
		#invitations.aidate .chat input.accept-invitation,
		#invitations.aidate .profile-watch input.accept-invitation {
			background-position: 0 0;
		}
			#invitations.aidate .chat.cam input.accept-invitation,
			#invitations.aidate .profile-watch.cam input.accept-invitation {
				background-position: -150px 0;
			}
		
		body.fr-fr #invitations.aidate .chat input.accept-invitation,
		body.fr-fr #invitations.aidate .profile-watch input.accept-invitation {
			background-position: 0 -40px;
		}
			body.fr-fr #invitations.aidate .chat.cam input.accept-invitation,
			body.fr-fr #invitations.aidate .profile-watch.cam input.accept-invitation {
				background-position: -150px -40px;
			}
		
		body.de-de #invitations.aidate .chat input.accept-invitation,
		body.de-de #invitations.aidate .profile-watch input.accept-invitation {
			background-position: 0 -80px;
		}
			body.de-de #invitations.aidate .chat.cam input.accept-invitation,
			body.de-de #invitations.aidate .profile-watch.cam input.accept-invitation {
				background-position: -150 -80;
			}
		
		#invitations.svadba .chat input.accept-invitation,
		#invitations.svadba .profile-watch input.accept-invitation {
			background-position: 0 0;
		}
	/* end */
/* end */

/* Collapsed */
	#invitations.collapsed h4,
	#invitations.collapsed .note {
		display: none;
	}
	
	#invitations.collapsed #i-bns {
		top: auto;
		bottom: 3px;
	}
/* end */

/* Baloon */
	#invitations .invitation .r .ballon {
		position: relative;
		margin-top: 3px;
		margin-left: 2px;
	}
		#invitations .invitation .r .ballon .anchor {
			background: transparent url("/i/ballon-anchor.gif") no-repeat scroll 0% 0%;
			position: absolute;
			display: block;
			left: -9px;
			top: 2px;
			width: 10px;
			height: 14px;
		}
			#invitations .invitation .r .ballon.no-serif .anchor {
				display: none;
			}
		
		#invitations .invitation .r .ballon .shade {
			background: transparent url("/i/ballon-shade.png") no-repeat scroll 0% 0%;
			position: absolute;
			display: block;
			left: 1px;
			bottom: 1px;
			width: 95%;
			height: 8px;
		}
		
		#invitations .invitation .r .ballon .messages {
			background: transparent url("/i/ballon-bg.gif") repeat-x scroll 0% 0%;
			border: solid 1px #bababa;
			min-height: 14px; /* one line */
			max-height: 40px; /* three lines */
			overflow: hidden;
			font-size: 11px;
			padding: 3px; /* css3 shadows: http://www.css3.info/preview/box-shadow/ */
			margin: 0 2px 2px 0;
			box-shadow: 2px 2px #dcdcdc;
			-webkit-box-shadow: 2px 2px #dcdcdc;
			-moz-box-shadow: 2px 2px #dcdcdc;
		}
			#invitations .invitation .r .ballon .messages span {
				vertical-align: middle;
			}
/* end */

/* gift invitation */
	#invitations .gift {
		background: #fff url('/i/gift-inv-bg.jpg') no-repeat 0 0;
	}
		#invitations.svadba .gift {
			height: 160px;
			background-position: 0 -192px;
		}
	
	#invitations.gift .i-profile.alternate {
		position: relative;
	}
	#invitations.aidate .gift .i-profile.alternate {
		height: 130px;
	}
	#invitations.svadba .gift .i-profile.alternate {
		height: 100px;
	}
	
	#invitations .gift .ballon {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 128px;
		
		padding: 4px 6px;
		
		background-color: #fff;
		font-family: Arial;
		font-size: 12px;
	}

	#invitations .gift .ballon strong {
		display: block;
		padding: 8px 0 4px 0;
		font-weight: bold;
	}
	#invitations.svadba .gift .ballon strong {
		font-size: 14px;
		color: #024D73;
	}
	
	#invitations.aidate .gift .accept-invitation {
		background-position: 0 -120px;
	}
	#invitations.svadba .gift .accept-invitation {
		background-position: 0 -40px;
	}
/* end */

/* game invitation */
	#invitations .game {
		background-color: #fff;
		background-repeat: repeat-x;
		background-position: left top;
	}
		#invitations.aidate .game {
			background-image: url('/i/invites/aidate-game-invitation-bg.gif');
		}
		#invitations.svadba .game {
			background-image: url('/i/invites/svadba-game-invitation-bg.gif');
		}
		
		#invitations .game .wrapper {
			background: url('/i/invites/stars-bg.png') no-repeat right top;
		}
			* html #invitations.aidate .game .wrapper {
				background-image: url('/i/invites/aidate-game-stars-bg.gif');
			}
			* html #invitations.svadba .game .wrapper{
				background-image: url('/i/invites/svadba-game-stars-bg.gif');
			}
			
			#invitations.aidate .game .accept-invitation {
				background-position: -0 -160px;
			}
			#invitations.svadba .game .accept-invitation {
				background-position: -0 -80px;
			}
/* end */


.profile-l .letter-icon
{
	display: none;
}

.letters .letter-icon
{
	display: block;
	width: 16px;
	height: 12px;
	background: url(/i/letter-icon.png) no-repeat;
	position: absolute;
	top: 71px;
	left: 4px;
}

#invitations .sh-t,
#invitations .sh-r,
#invitations .sh-b,
#invitations .sh-l,
#invitations .sh-tr,
#invitations .sh-br,
#invitations .sh-bl,
#invitations .sh-tl {
	_display: none !important;
}
#invitations .gift .ballon {
	_width: 138px !important;
	_border: solid #A8BEDC 1px;
}

	
.invite-tracker {
    position:absolute;
    left:-9999px;
}
