@charset "UTF-8";

/*
 * COMMON
 *
 * #9bd5df	#000	#2790a4	#93c8d2
 * #006f87	#fff
 */

html {
	width: 100%;
	height: 100%;
	background: #9bd5df url("/gfx/reloaded/back.jpg") scroll repeat-x center top;
	color: #000;
	font-family: Verdana, Georgia, Helvetica, Arial, sans-serif;
	font-size: 0;
	font-style: none;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

body {
	height: 100%;
	text-align: center;
	background: transparent url("/gfx/reloaded/header-back-green.jpg") scroll no-repeat center top;
}

div, form, fieldset { display: block; }
span, a, button { display: inline-block; }
p { margin-bottom: 10px; }



/* HEADLINES */
h1, h2, h3 { font-family: Georgia, Helvetica, Verdana, Arial, sans-serif; white-space: nowrap; }
h1, h2, h3, h4 { color: #006f87; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

h1:before, h2:before, h3:before {
	vertical-align: top;
	content: "» ";	/* » */
}
h1 { margin-bottom: 10px; }
h2, h3 { margin: 20px 0; }
.wrap { white-space: normal ! important; }

/* POSITIONING */

.inline { display: inline-block; }
.top { vertical-align: top; }



/* LINKS */
a, .link { display: inline-block; font-size: 12px; color: #006f87; cursor: pointer; text-decoration: none; }
a:hover, .link:hover { text-decoration: underline; }
a.nofx:hover, .link.nofx:hover { text-decoration: none; }
h1 a, h2 a, h3 a, h4 a,
h1 .link, h2 .link, h3 .link, h4 .link {
	font-size: inherit;
	text-decoration: none;
}
a.back:before,
.link.back:before {
	content: "« ";	/* « */
}
a.full,
.link.full {
	font-size: 11px;
	padding: 2px;
	display: block;
}
a.full:hover,
.link.full:hover {
	color: #fff;
	background-color: #006f87;
	text-decoration: none;
}
button.link {
	width: 100%;
	padding: 0 2px;
	font-size: 11px;
	background-color: transparent;
}
button.link:hover {
	color: #fff;
	background-color: #006f87;
	text-decoration: none;
}

/* TABLE */
table {
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 2px;
	empty-cells: show;
}
table.full {
	width: 100%;
}
table.middle th, table.middle td {
	vertical-align: middle;
}

table.top th, table.top td {
	vertical-align: top;
}
td, th {
	padding: 2px 5px;
	font-size: 12px;
}
td {
	background-color: #eee;
}
th {
	background-color: #9bd5df;
	text-align: center;
	color: #000;
}

tr.marked,
tr.marked td {
	background-color: #cbf7ff;
}

/* TEXT ELEMENTS */
img { display: inline-block; }
label { display: inline-block; color: #000; font-size: 12px; margin-right: 10px; }
p { font-size: 12px; }
span { display: inline-block; font-size: 12px; }
sub { font-size: 10px; vertical-align: sub ! important; }
h1 sub { font-size: 18px; }

/* PADDING */
.ps { padding: 2px 5px ! important; }
.p { padding: 10px ! important; }
.p-t { padding-top: 10px ! important; }
.p-r { padding-right: 10px ! important; }
.p-b { padding-bottom: 10px ! important; }
.p-l { padding-left: 10px ! important; }
.p-h { padding-top: 10px ! important; padding-bottom: 10px ! important; }
.p-w { padding-left: 10px ! important; padding-right: 10px ! important; }
.no-p { padding: 0 ! important; }

/* BORDER */
.border {
    border: 1px solid #c4c5c7;
    padding: 2px ! important;
}
.white-border {
    border: 1px solid #c4c5c7;
    padding: 2px;
    background-color: #fff;
}
	

/* MARGIN */
.m { margin: 10px ! important; }
.m-t { margin-top: 10px ! important; }
.m-r { margin-right: 10px ! important; }
.m-b { margin-bottom: 10px ! important; }
.m-l { margin-left: 10px ! important; }
.m-h { margin-top: 10px ! important; margin-bottom: 10px ! important; }
.m-w { margin-left: 10px ! important; margin-right: 10px ! important; }
.no-m { margin: 0 ! important; }

/* SPACE */
hr {
	display: block;
    border-top: 1px dashed #7b7c7e;
    border-bottom: transparent;
}
br.large,
br.medium,
br.small {
	display: block;
	margin-bottom: 0;
}
br.large { margin-top: 14px; }
br.medium { margin-top: 12px;}
br.small { margin-top: 10px; }

/* ALGIN */
.left { float: left; }
.right { float: right; }
.center {
    margin: auto; 
    text-align: center;
}
.center > * { text-align: left; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }

/* FONT */
strike { text-decoration: line-through; }
.large { font-size: 14px; }
.medium { font-size: 12px ! important; }
.small { font-size: 10px; }
.intro { font-size: 12px; }
.black { color: #000; }
.grey { color: #7b7c7e; }
.bold { font-weight: bold; }
.clear:before {
	content: "";
}

/* WIDTH */
.w200 { width: 200px; }
.w300 { width: 300px; }
.w500 { width: 500px; }

/* STYLE */
.white-bg {
	background-color: #fff;
}
.block { display: block; }
b, strong { font-weight: bold ! important; }
em { font-style: italic; }
.marked { background-color: #d2ebef; }
img.marked { background-color: #000; border-color: #000; }
.clickable { cursor: pointer; }

.error, .error-message { color: #f00; }
.error-message {
    display: block;
    padding: 10px;
	border: 1px solid #f44;
    background-color: #fcc;
    text-align: center;
    font-size: 12px;
}

.warn, .warn-message { color: #a80; }
.warn-message {
    display: block;
    padding: 10px;
	border: 1px solid #ff0 ;
    background-color: #ffb;
    text-align: center;
    font-size: 12px;
}

.success, .success-message { color: #0b0; }
.success-message {
    display: block;
    padding: 10px;
	border: 1px solid #4b4;
    background-color: #cfc;
    text-align: center;
    font-size: 12px;
}






/* twitter fix*/
.twtr-hd h3, .twtr-hd h4 { margin: 0; padding: 0; } 
.twtr-hd h3:before, .twtr-hd h4:before { content: ""; }
.twtr-profile-img-anchor { float: left; }

/* flot fix */
.flot {
	font-size: 12px;
}