@import "compass";

.osb-portlet-profile-navigation {
	.aui-button .aui-button-input {
		white-space: pre-wrap;

		@incude word-break(break-word);
	}

	.drop-down {
		position: relative;

		.drop-down-list {
			background: #F9FAFA;
			box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
			display: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 100%;

			li {
				border-bottom: none;

				a {
					border-bottom: 1px solid #E7E7E8;
					color: #444;
					display: block;
					font-weight: normal;
					padding: 8px 12px;
					position: relative;
					text-decoration: none;

					&:hover {
						background: #F3F3F4;
					}

					span {
						vertical-align: middle;

						&.name {
							display: block;
							height: 30px;
							overflow: hidden;
							padding-right: 30px;
							text-overflow: ellipsis;
						}

						&.image {
							background-size: 100% !important;
							height: 19px;
							position: absolute;
							right: 15px;
							top: 14px;
							width: 19px;
						}
					}
				}
			}

			li:last-child a {
				border-bottom: none;
			}

			.switch-account-title {
				border-bottom: 1px solid #E7E7E8;
				color: #ADAEB1;
				font-size: 10px;
				padding: 6px 12px;
				text-transform: uppercase;
			}
		}

		&.drop-down-active .drop-down-list {
			display: block;
			position: absolute;
			z-index: 1;
		}
	}

	.accounts {
		margin-bottom: 4px;

		.account-name {
			border-bottom: 1px solid #CACED2;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 18px;
			margin: 0;
			padding: 8px 20px;
		}

		&.drop-down-capable {
			background: url(@theme_image_path@/arrows/05_down.png) no-repeat 90% 50%;
			cursor: pointer;
			zoom: 1;
		}
	}

	.navigation {
		a {
			font-weight: normal;
			padding: 2px 20px;
		}

		li {
			border-bottom: none;
		}

		.parent-layout {
			border-bottom: 1px solid #CACED2;
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 4px;
			padding: 16px 20px 4px;
		}
	}

	.user-profile-image {
		display: block;
		height: 220px;
		margin: 0 auto 8px;
		width: 100%;

		@include background-size(contain !important);
	}
}

.ie6 .osb-portlet-profile-navigation .user-profile-image {
	width: 220px;
}

.ie7 .osb-portlet-profile-navigation .drop-down-active li .name {
	float: left;
}

@media (max-width:720px) {
	.osb-portlet-profile-navigation .user-profile-image {
		width: 220px;
	}
}

a[href$="developer-apps"] {
	display: none;
}