/* Pop-Up profile */

#popUp { padding: 0 10px 10px }

	#popUp div.popup-header {
		background: url(../img/bg/popup-header.png) no-repeat;
		border-bottom: 1px solid #acd7f0;
		height: 50px;
		margin: 0 -10px;
		position: relative;
	}
		#popUp div.popup-header h2 {
			background: url(../img/ajeva-3.png) no-repeat;
			display: block;
			text-indent: -9999px;
			margin: 0;
			width: 68px; height: 20px;
			position: absolute;
			top: 17px; left: 15px;
		}

	#popUp div.expert-header {
		text-align: left;
		margin: 25px 0 15px;
		padding: 38px 0 0;
		overflow: hidden;
		position: relative;
	}
		#popUp div.expert-header h2 {
			color: #00468c;
			font-size: 24px;
			font-weight: bold;
			margin: 0;
			position: absolute;
			top: 0; left: 8px;
		}
		#popUp div.expert-header p.favorite {
			position: absolute;
			top: 13px; right: 8px;
		}
			#popUp div.expert-header p.favorite a {
				background-position: 0 -439px;
				padding: 0 0 0 17px;
			}
			#popUp div.expert-header p.favorite.turnedOff a { background-position: 0 -476px }

		#popUp div.expert-header div.expert-info,
		#popUp div.expert-header div.expert-info-sub,
		#popUp div.expert-header div.expert-feedback,
		#popUp div.expert-header div.expert-feedback h3 { background: url(../img/bg/expert-info.gif) no-repeat }

		#popUp div.expert-header div.expert-info {
			float: left;
			border-right: 1px solid #d2ebfa;
			margin: 0 1px 0 0;
			overflow: hidden;
			width: 370px;
			position: relative;
		}
			#popUp div.expert-header div.expert-info-sub {
				background-position: -390px bottom;
				padding: 25px 0 14px 115px;
			}
				#popUp div.expert-header div.expert-info p.avatar {
					margin: 0;
					position: absolute; 
					top: 12px; left: 12px;
				}
					#popUp div.expert-header div.expert-info p.avatar span {
						background-position: 0 -411px;
						width: 99px; height: 99px;
						position: absolute; 
						top: -2px; left: -2px;
					}

				#popUp div.expert-header div.expert-info dl {
					margin: 0;
					padding: 0 0 0 95px;
					position: relative;
				}
					#popUp div.expert-header div.expert-info dl dt {
						font-weight: bold;
						text-align: right;
						width: 90px;
						position: absolute;
						top: 0; left: 0;
					}
					#popUp div.expert-header div.expert-info dl dd { margin: 0 0 5px }

		#popUp div.expert-header div.expert-activity {
			float: left;
			background: #f5fbff;
			border: 1px solid #d2ebfa;
			margin: 0 1px 0 0;
			width: 270px;
		}
			#popUp div.expert-header div.expert-activity h3 {
				background: #d2ebfa;
				color: #3b87b8;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				text-shadow: 0 1px 0 #fff;
				margin: 0 0 5px;
				padding: 8px 0 7px;
			}
			#popUp div.expert-header div.expert-activity > dl.jobs {
				float: left;
				margin: 0 2px 0 3px;
				width: 112px;
			}
			#popUp div.expert-header div.expert-activity > dl.paid {
				float: left;
				margin: 0 3px 0 0;
				width: 150px;
			}
				#popUp div.expert-header div.expert-activity > dl > dt {
					background: #e3f4ff;
					color: #960;
					font-size: 14px;
					font-weight: bold;
					margin: 0 0 7px;
					padding: 5px;
				}
				#popUp div.expert-header div.expert-activity > dl > dd { /*-*/ }

					#popUp div.expert-header div.expert-activity > dl > dd > dl {
						font-size: 12px;
						margin: 0 0 6px;
						padding: 0 5px;
					}
						#popUp div.expert-header div.expert-activity > dl > dd > dl > dt { display: inline; font-weight: bold }

						#popUp div.expert-header div.expert-activity > dl > dd > dl > dd { display: inline }

		#popUp div.expert-header div.expert-feedback {
			float: left;
			background-position: right bottom;
			border-left: 1px solid #d2ebfa;
			width: 154px;
			min-height: 118px;
		}
			#popUp div.expert-header div.expert-feedback h3 {
				background-color: #d2ebfa;
				background-position: right 0;
				color: #3b87b8;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				text-shadow: 0 1px 0 #fff;
				margin: 0 0 5px;
				padding: 8px 0 7px;
			}
			#popUp div.expert-header div.expert-feedback p { font-size: 12px }

			#popUp div.expert-header div.expert-feedback p.rating {
				line-height: 20px;
				margin: 21px 0 7px;
				padding: 0 0 0 20px;
			}
				#popUp div.expert-header div.expert-feedback p.rating a { font-weight: bold }

			#popUp div.expert-header div.expert-feedback dl {
				font-size: 12px;
				text-align: center;
				margin: 0;
			}
				#popUp div.expert-header div.expert-feedback dl dt { display: inline }

				#popUp div.expert-header div.expert-feedback dl dd {
					display: inline;
					font-weight: bold;
					margin: 0;
				}

	#popUp div.company-brief {
		text-align: left;
		margin: 25px 0;
		padding: 0 8px;
	}
		#popUp div.company-brief h3 {
			color: #3b87b8;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 8px;
		}
		#popUp div.company-brief p.company-description { /*-*/ }

		#popUp div.company-brief h4 {
			font-size: 11px;
			font-weight: bold;
			margin: 18px 0 10px;
		}
		#popUp div.company-brief ul.company-staff {
			margin: 0 0 0 -25px;
			overflow: hidden;
		}
			#popUp div.company-brief ul.company-staff li {
				float: left;
				border-left: 1px solid #d2ebfa;
				margin: 0 0 20px;
				padding: 0 10px 0 95px;
				width: 90px;
				min-height: 60px;
				position: relative;
			}
			#popUp div.company-brief ul.company-staff li:first-child {
				border-left: 0 none;
				width: 91px;
			}
				#popUp div.company-brief ul.company-staff li p.avatar {
					position: absolute;
					top: 0; left: 25px;
				}
					#popUp div.company-brief ul.company-staff li p.avatar span {
						background-position: -2px -200px;
						width: 60px; height: 60px;
						position: absolute; 
						top: 0; left: 0;
					}

				#popUp div.company-brief ul.company-staff li h5 {
					font-size: 12px;
					margin: 0 0 4px;
				}
				#popUp div.company-brief ul.company-staff li p.company-position { /*-*/ }

	#popUp div.reviewshistory-nav { background: none }

		#popUp div.reviewshistory-nav-sub {
			background: url(../img/bg/reviewhistory-nav-popup.gif) no-repeat;
			margin: 0;
		}
			#popUp ul.navi-tabs li a:hover span.a-sub span.bullet,
			#popUp ul.navi-tabs li.active a span.a-sub span.bullet { background-position: center -1591px }

	#popUp div.reviewshistory { background: none }

		#popUp div.reviewshistory div.reviewshistory-sub {
			border: 0 none;
			padding: 15px 0 0;
		}
			#popUp div.reviewshistory h4.reviewshistory-title { margin: 0 0 15px 8px }

			#popUp div.reviewshistory form.reviewshistory-sorting { top: 13px; right: 8px }

			#popUp div.reviewshistory div.reviewshistory-sub div.tooltip { top: 13px; left: -17px }

			#popUp div.reviewshistory table.reviewshistory-table,
			#popUp div.reviewshistory table.reviewshistory-table tfoot tr,
			#popUp div.reviewshistory table.reviewshistory-table thead th.last,
			#popUp div.reviewshistory table.reviewshistory-table tfoot td.last { background: url(../img/bg/reviewhistory-table-popup.gif) no-repeat }

			#popUp div.reviewshistory table.reviewshistory-table {
				margin: 0;
				width: 780px;
			}
			#popUp div.reviewshistory table.reviewshistory-table tfoot tr { background-position: -800px bottom }

			#popUp div.reviewshistory table.reviewshistory-table thead th.last { background-position: -730px 0 }

			#popUp div.reviewshistory table.reviewshistory-table.alt thead th.last { background-position: -683px 0 }

			#popUp div.reviewshistory table.reviewshistory-table tfoot td.last { background-position: right bottom }

			#popUp div.reviewshistory ul.pagination { margin-right: 8px }

			#popUp div.scroll {
				padding: 0 0 0 1px;
				overflow: auto;
				width: 800px; height: 190px;
			}