@font-face {
    font-family: CordiaUPC;
    src: url(CORDIAU.TTF);
}

/* ---------------------------------------------------------------------------------------------------- */
/* Overloads */

html {
	overflow-y: scroll;
}

body {
	background-color: black;
	background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	background-position: top center;
	padding: 0;
	margin: 0;
	
	font-family: "CordiaUPC" !important;
	color: rgb(235,235,235);
}

a {
	color: inherit;
	text-decoration: inherit;
	transition: color 0.25s, text-shadow 0.25s, box-shadow 0.25s, background-color 0.25s;
}

a:hover {
	color: rgb(225,243,255);
}

img {
    vertical-align: top;
}

table {
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th {
    padding: 0; /* 'cellpadding' equivalent */
}

/* ---------------------------------------------------------------------------------------------------- */
/* Header & navigation */

#header {
	width: 100%;
	height: 190px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#banner {
	background-image: url(../images/banner_logo.png), url(../images/banner_bg.png);
	background-repeat: no-repeat, repeat-x;
	background-position: center 37px, top left;
	width: 100%;
	height: 148px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#navbar {
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat-x;
	background-position: top left;
	width: 100%;
	height: 42px;
	position: absolute;
	top: 148px;
	left: 0px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Navigation Bar */

#navbar_content {
	width: 922px;
	height: 42px;
	margin: auto;
}

#navbar_links {
	width: 472px;
	height: 42px;
}

.navbar_link {
	height: 42px;
	color: rgb(155,155,155);
	font-size: 24px;
	line-height: 42px;
	padding-left: 14px;
	padding-right: 14px;
	vertical-align: middle;
}

.navbar_sidelinks {
	width: 200px;
	height: 42px;
}

.float_left {
	float: left;
	margin-left: 8px;
}

.float_right {
	float: right;
	margin-right: 8px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Content areas */

#content_container {
	width: 672px;
	margin: auto;
	padding-bottom: 50px;
	position: relative;
	top: 224px;
}

#ajax_container {
	min-height: 300px;
}

#ajax_sidebar {
	width: 200px;
	height: 500px;
	float: left;
	margin-left: -220px;
}

.content {
	background-color: rgb(255,255,255);
	background-image: url(../images/content_left.png), url(../images/content_right.png), url(../images/content_center.png);
	background-position: top left, top right, top left;
	background-repeat: no-repeat, no-repeat, repeat-x;
	border: 1px solid black;
	width: 100%;
	margin-bottom: 20px;
	color: rgb(0,0,0);
	font-size: 21px;
	line-height: 21px;
}

.content_avatar {
	background-image: url(../images/avatar.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid rgb(35,109,157);
	position: relative;
	float: right;
	top: -16px;
	right: 16px;
	height: 60px;
}

.content_title {
	height: 30px;
	color: rgb(115,194,246);
	font-size: 24px;
	line-height: 30px;
	text-indent: 8px;
	/*text-shadow: 1px 1px 0 rgb(0,0,0);*/
}

.content_subtitle {
	border-bottom: 1px solid rgb(166,166,166);
	margin-top: 4px;
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 2px;
	color: rgb(100,100,100);
	font-size: 18px;
	line-height: 18px;
	text-indent: 5px;
	top: 30px;
}

.content_sectiontitle {
	border-bottom: 1px solid rgb(166,166,166);
	margin-top: 10px;
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 2px;
	color: rgb(255,34,51);
	font-size: 20px;
	line-height: 18px;
	text-indent: 5px;
}

.content_message {
	height: auto;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 12px;
	margin-bottom: 18px;
}

.content_compact {
	background-color: rgb(255,255,255);
	background-image: url(../images/content_left.png), url(../images/content_right.png), url(../images/content_center.png);
	background-position: top left, top right, top left;
	background-repeat: no-repeat, no-repeat, repeat-x;
	border: 1px solid black;
	width: 100%;
	margin-bottom: 20px;
	color: rgb(0,0,0);
	font-size: 22px;
	line-height: 22px;
}

.content_message_compact {
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 16px;
}

.content_message_server {
	height: auto;
	margin-left: 160px;
	margin-right: 30px;
	margin-top: 12px;
	line-height: 26px;
}

.content_link {
	color: rgb(80,150,180);
}

#rss_feed {
	position: absolute;
	right: -54px;
	width: 32px;
	height: 32px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Tables */

table.styled {
	width:100%;
	font-size: 16px;
	line-height: 16px;
	table-layout:fixed;
	border: 0px;
}

.styled tr {
	height: 24px;
	border-bottom: 1px dotted rgba(220,220,220,1);
	transition: background-color 0.25s, color 0.25s, border 0.25s;
}
.styled tr.hidden {
	color: rgba(0,0,0,0);
	border-bottom: 1px dotted rgba(220,220,220,0);
}

.styled tr:first-of-type {
	background-image: url(../images/table_left.png), url(../images/table_center.png);
	background-position: top left, top left;
	background-repeat: no-repeat, repeat-x;
	height: 20px;
	border-bottom: 0px;
}

.styled tr.entry:hover {
	background-color:  rgb(255,255,200);
}

.styled th {
	background-image: url(../images/table_divider.png);
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: color 0.25s;
}

.styled th:hover {
	color:  rgb(70,140,200);
}

.styled td {
	padding-right: 8px;
	text-indent: 8px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Footer */

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 30px;
	color: rgb(200,200,200);
}

/* ---------------------------------------------------------------------------------------------------- */
/* Confirm */

#confirmOverlay{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.75);
	z-index: 100000;
}

.confirm {
	width: 460px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Extra */

.loading {
	background-image: url(../images/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100px;
}

td.loading {
	height: 100px;
}

.alert {
	background-color: rgb(255,150,150);
	border: 1px solid rgb(255,50,50);
	padding: 15px;
}

input.fix_text {
	display: block !important;
	padding: 0px !important;
	width: 100%;
	height: 22px !important;
	margin-bottom: 5px !important;
	margin-left: -1px;
}