@CHARSET "UTF-8";

body {
	font-size: 12px;
}

#page {
	margin-top: 10px;
}

#banner {
	width: 728px;
	margin: 0 auto;
	margin-top: 20px;
}

#poweredby {
	width: 207px;
	float: right;
}

#poweredby ul {
	list-style-type: none;
	margin-left: 0px;
}

#poweredby li {
	display: inline;
}

#header {
	background-image: url('/static/images/backgrounds/glass_top_sprinkle.png');
}

#header h1 {
	margin-bottom: 20px;
}

#navigation li {
	line-height: 20px;
}

p.blockingnotice {
	border: solid 1px #808080;
	padding: 5px;
}

#navigation li.flattr {
	background-image: url('/static/images/icons/icon_flattr.png');
	background-position: left center;
	float: right;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 0px;
	margin-left: 30px;
}

#navigation li.paypal {
	background-image: url('/static/images/icons/icon_paypal.png');
	background-position: left center;
	float: right;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 0px;
	margin-left: 30px;
}

#navigation li.facebook {
	float: right;
	margin-left: 30px;
	margin-right: 0px;
}

#navigation #message {
	background-image: url('/static/images/icons/mail.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
}

#toolserrordialog .message {
	font-weight: bold;
}

#cloud #items a {
	text-decoration: none;
}

#cloud #tabs .ui-widget-content a {
	text-decoration: none;
}

#cloud #tabs {
	margin-bottom: 10px;
}

.loading {
	background: url(/static/images/loader.gif) no-repeat center center;
}

#extracontent h2 {
	float: left;
}

#extracontent ul {
	list-style-type: none;
}

#extracontent li {
	display: inline;
	font-size: 120%;
	font-weight: bold;
	margin-right: 20px;
}

p.code {
	border: solid 1px #dedede;
	background-color: #f0f0f0;
	padding: 5px;
	font-family: monospace;
	font-size: 80%;
}

a {
	outline: none;
}

.seperator {
	border-bottom: solid 1px #dedede;
}

/* INFOLIST */
ul.infolist {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

ul.infolist:after {
	content: ".";
	height: 0px;
	visibility: hidden;
	clear: both;
	display: block;
}

ul.infolist li {
	display: inline;
	float: left;
}

.infolist .info {
	border: solid 1px #dedede;
	padding: 2px;
	margin: 2px;
	text-align: center;
	background-color: #ffffff;
}

.infolist .info.small {
	width: 46px;
}

.infolist .info.medium {
	width: 72px;
}

.infolist .info.large {
	width: 95px;
}

.infolist .info.small .image {
	height: 46px;
}

.infolist .info.medium .image {
	height: 72px;
}

.infolist .info.large .image {
	height: 95px;
}

.infolist .info.small .image img {
	max-width: 46px;
	max-height: 46px;
}

.infolist .info.medium .image img {
	max-width: 72px;
	max-height: 72px;
}

.infolist .info.large .image img {
	max-width: 95px;
	max-height: 95px;
}

.infolist .info .image img {
	max-width: 60px;
	max-height: 60px;
}

.infolist .name {
	overflow: hidden;
}

.score {
	height: 20px;
	background-repeat: repeat-x;
}

.score.super {
	background-image: url('/static/images/backgrounds/score_super.png');
}

.score.good {
	background-image: url('/static/images/backgrounds/score_good.png');
}

.score.medium {
	background-image: url('/static/images/backgrounds/score_medium.png');
}

.score.poor {
	background-image: url('/static/images/backgrounds/score_poor.png');
}

.score.bad {
	background-image: url('/static/images/backgrounds/score_bad.png');
}

p.magnify {
	text-align: right;
	background-image: url('/static/images/backgrounds/magnifier.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	color: #808080;
}

p.pdf {
	text-align: right;
	background-image: url('/static/images/backgrounds/pdf.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-right: 10px;
	color: #808080;
}

p.pdf a {
	color: #808080 !important;
	text-decoration: none;
}

p.pdf a:hover {
	color: black !important;
}

p.notice {
	border: solid 1px #ffff40;
	background-color: #ffffbf;
	padding: 5px;
}

p.licence {
	text-align: center;
	color: #808080;
	margin-top: -10px;
	/*margin-bottom: 20px;*/
}

#content p.licence a {
	color: #808080;
}

/* METHODS */
.method {
	border: solid 1px #dedede;
	padding: 10px;
	margin-bottom: 10px;
	height: 100px;
	background-color: #f8f8f8;
	background-image: url("/static/images/backgrounds/method.png");
	cursor: pointer;
}

.method a {
	text-decoration: none;
}

.method img {
	background-color: #ffffff;
	border: solid 1px #dedede;
	padding: 2px;
	margin-right: 10px;
	float: left;
}

#methods {
	margin-left: 0px !important;
	border-top: solid 1px #dedede;
}

#methods li {
	border-bottom: solid 1px #dedede;
}

#methods li a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	display: block;
	line-height: 25px;
}

#methods li a:hover {
	background-color: #bfdeff;
}

/* CURRENT USER */
#currentuser {
	text-align: center;
	margin-bottom: 20px;
}

#currentuser .image {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 2px;
	border: solid 1px #dedede;
}

#currentuser .image img {
	max-height: 64px;
	max-width: 64px;
}

#currentuser a {
	text-decoration: none;
}
