/* ---------- Workspace-Navigation ---------- */
$font_small: 0.7em;

.workspace-box {
	width: 241px;
	position: fixed;
	top: 40%;
	right: -190px;
	
	.portlet-borderless-bar {
		display: none;
	}
	
	.portlet-minimized {
		.portlet-content-container {
			padding: 12px 2px 10px;
		}
	}
	
	.aui-paginator-container {
		display: block;
	}
	
	.portlet-personal-workspace {
		section {
			background: none;
			float: right;
			
			.portlet-topper {
				display: none;
			}
			
			.portlet-body {
				a {
					color: #b8c400;
					
					span.messages,
					span.counter {
						text-decoration: none;
					}
				}
				.icon-wrapper {
					/*width: 40px;*/
					float: left;
					
					.icon-wrapper-listener {
						.icon-element {
							display: block;
							margin: 0 0 8px;
							
							a {
								background: #fff;
								display: table-cell;
								height: 40px;
								text-align: center;
								vertical-align: middle;
								width: 40px;
								
								&:hover {
									background: #228ecc;
								}
							}
						}
					}
					
					.messages, .mail {
						.counter {
							background: #fff;
							border: 1px solid #7a7b7a;
							color: #000;
							font-size: $font_small;
							padding: 0 1px;
							position: absolute;
							overflow: visible;
							left: 15px;
							margin-top: 9px;
							min-width: 5px;
						}
					}
				}
			
				section {
					box-shadow: 7px 9px 18px -8px;
					-moz-box-shadow: 7px 9px 18px -8px;
					-webkit-box-shadow: 7px 9px 18px -8px;
					
					.section-header {
						background-color: #fff;
						background-image: url(../images/05_down.png);
						background-repeat: no-repeat;
						background-position: 168px 15px;
						color: #000;
						cursor: pointer;
						display: table-cell;
						font-size: 0.825em;
						font-weight: bold;
						height: 40px;
						margin: 0 0 8px;
						padding: 0 10px;
						vertical-align: middle;
						width: 160px;
					}
					
					.section-header.open {
						background-image: url(../images/05_up.png);
						/*background-position: 168px 14px;
						background-position-y: 16px;
						background-position-x: 168px;*/
					}
					
					.section-element {
						width: 160px;
						padding: 10px;
						background-color: #fff;
						color: #000;
						border-top: 1px solid #fff;
						
						.sub-section-header {
							font-size: 0.825em;
							margin-bottom: 9px;
							text-decoration: underline;
							
							a {
								font-size: 1em;
							}
						}
						
						.item {
							display: none;
						}
						
						.sub-section-content,
						.item {
							.counter {
								background: #fff;
								border: 1px solid #7a7b7a;
								color: #000;
								font-size: 0.7em;
								padding: 0 2px;
								position: relative;
								top: -5px;
								left: -14px;
							}
						}
					}
					
					.section-element.grey {
						font-size: 0.825em;
						
						a {
							font-size: 1em;
						}
					}
					
					.icon-element-inner {
						display: inline-block;
						margin-right: 9px;
						width: 30px;
					}
					
					.icon-element-inner.messages {
						margin-right: 0px;
					}
				}
			}
			
			.my-workrooms-panel {
				background-image: none !important;
				
				a {
					/*color: #FFFFFF;*/
					text-decoration: none;
					font-size: 1em;
				}
			}
		}
		
		
		.bookmark-link {
			float: left;
			margin-top: -4px;
		}
		
		.delete-link {
			cursor: pointer;
		}
		
		.bookmark-name,
		.subscription-name {
			display: block;
			float: left;
			width: 138px;
		}
		
		.sub-section-header {
			.edit {
				cursor: pointer;
				float: right;
				font-size: 11px;
				margin-right: 6px;
			}
		}
		
		.pagination {
			margin: 0;
			ul.pagination-content > li {
				a {
					background: none;
					border: none;
					color: #b8c400;
					font-size: 11px;
					
					&:hover {
						text-decoration: none;
					}
				}
				a,
				span {
					padding: 4px 8px;
				}
				&.active a {
					color: grey;
				}
				&:first-child, &:last-child {
					a {
						background-position: center 1px;
						background-repeat: no-repeat;
						color: transparent;
						height: 10px;
						margin-top: 5px;
						width: 0;
					}
					&.disabled a {
						background-position: center -16px;
					}
				}
				&:first-child a {
					background-image: url(../images/arrows/paging_previous.png);
				}
	
				&:last-child a {
					background-image: url(../images/arrows/paging_next.png);
				}
			}
	
		}
		
		.workrooms-subs {
			.section-element:first-child {
				padding: 10px 10px 1px;
				
				/*.sub-section-content {
					border-bottom: 3px solid #b8c400;
				}*/
			}
		}

		DIV.workrooms-panel.open + DIV.workrooms-subs,
		DIV.favorites-panel.open + DIV.favorites-subs {
			overflow: auto;
			direction: rtl;

			max-height: 16.3em;

			margin-left: -1.2em;

			& > DIV.section-element {
				direction: ltr;
			}
		}

		.favorites-subs,
		.workrooms-subs {
			.sub-section-content,
			.item {
				margin-bottom: 5px;
				padding-bottom: 2px;
				border-bottom: 1px solid #b8c400;
				
				a {
					font-size: 0.825em;
				}
			}
		}
	}
}