@import "rounded";

.fullscreen {
	width: 100%;
	height: 100%;
	text-align: center;
}

.button {
	display: inline;
	width: auto;
	padding: 5px 10px;
	border: 1px solid;
	cursor: pointer;
	@include rounded(3);
	
	&.gray {
		background-color: #EEE;
		color: #444;
		border-color: #DDD;
	}
}

/* Scrollbars */

	
.data-container {
	.scrollbar-pane {
	    margin-right: 8px;
	}

	.scrollbar-handle-container {
	    width: 8px;
	}

	.scrollbar-handle {
	    width: 8px;
	}
	.scrollbar-handle-container {
		background-color: #FFF;
	}
	.scrollbar-handle {
		background-color: #CCC;
	
		&:hover {
		    background-color: #999;
		}
	
		&.move {
		    background-color: #AAA;
		}
	}
}

.player-container {
	.scrollbar-pane {
	    margin-right: 8px;
	}

	.scrollbar-handle-container {
	    width: 8px;
	}

	.scrollbar-handle {
	    width: 8px;
	}
	.scrollbar-handle-container {
		background-color: #222;
	}
	.scrollbar-handle {
		background-color: #444;
	
		&:hover {
		    background-color: #666;
		}
	
		&.move {
		    background-color: #888;
		}
	}
}

.error_page {
	position: relative;
	width: 600px;
	text-align: center;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	
	h1 {
		font-size: 150px;
	}
	
	span {
		font-size: 24px;
	}
}

.kaboom {
	width: 100%;
	height: 30px;
	clear: both;
}

.auth_notice {
	display: none;
	position: absolute;
	background-color: #07F;
	color: #FFF;
	top: 32px;
	left: 230px;
	padding: 8px;
	border: #05D 1px solid;
	@include rounded(3);
	
	.arrow {
		float: left;
		margin: -8px 15px 0 8px;
		font-size: 25px;
		font-weight: bold;
	}
}