@font-face {
	font-family: "DejaVu Sans";
	src: url('dejavu-sans-ttf/DejaVuSans.eot');
	src: url('dejavu-sans-ttf/DejaVuSans.eot?#iefix') format('embedded-opentype'),
	url('dejavu-sans-ttf/DejaVuSans.svg#DejaVu Sans') format('svg'),
	url('dejavu-sans-ttf/DejaVuSans.woff') format('woff'),
	url('dejavu-sans-ttf/DejaVuSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family: "DejaVu Sans";
	font-size: 14px;
}


#header {
	margin: 5px;
	border-bottom: #eee 1px solid;
}

#content {
	margin: 25px;
	margin-top: 0 px;
	margin-bottom: 0 px;
}



@mixin gridcontainer {
	margin: {
		top: 4px;
		right: 4px;
	}
}

@mixin roundconers($color, $radius) {
	border: {
		width: $radius;
		style: solid;
		color: $color;
		radius: $radius/2;
	}
}

@mixin fixlinkcolor($color) {
		color: $color;

		&:visited {
			color: $color;
		}

		&:hover {
			color: $color;
		}
}

#viewer {
	@include gridcontainer;
	@include roundconers(#eee,6px);
	background-color: #eee;
	height: 60%;

}

#controls {
	@include gridcontainer;
}

#fileinfos {
	@include gridcontainer;
	@include roundconers(#eee,6px);
	background-color: #eee;
	min-height: 60%;

	.pure-button {
		margin: 2px;
	}
}

.textcontainer {
	@include gridcontainer;
	@include roundconers(#eee,6px);
	background-color: #eee;
	padding:{
			top: 4px;
			left: 4px;
	}

	a {
		text-decoration: none;
		color: #1947D1;

		&:visited {
			color: #4C5B89;
		}

		&:hover {
			color: #7E98E5;
		}
	}

	table {
		background-color: #ffffff;

		td {
			font-size: 13px;
		}

		.odd-row {
			background-color: #e4eef2;
		}
	}

	.uploads-list {
		list-style: none;
	}

	.pure-form {
		label {
			font-weight: bold;
			border-bottom: 1px solid #ccc;
		}

		.errorlist {
			list-style: none;
			color: #e9322d;
		}

		.browsebutton {
			font-size: 85%;
		}
	}

	.resetlink {
		font-size: 75%;
		text-decoration: none;
	}
}

#fileinfos .button-green, .textcontainer  .button-green {
	@include fixlinkcolor(#ffffff);
	background-color: #1CB841;
}

#fileinfos .button-red, .textcontainer .button-red {
	@include fixlinkcolor(#ffffff);
	background-color: #ca3c3c;
}

#fileinfos .button-lightblue, .textcontainer .button-lightblue {
	@include fixlinkcolor(#ffffff);
	background-color: #42B8DD;
}
