/**
 * Default stylesheet for Lokalen's gaming portal.
 *
 * Author Martin Danielson (@lokalen.nu) 
 */

/* General styles
 */
body {
	background: #6e2e05 url(../Images/Background.png) repeat-x;
	color: white;
	font: 8pt Tahoma;
}

.logosplash {
	text-align: center;
	margin: 220px auto;
}

.content {
	text-align: center;
	width: 415px;
	margin: 100px auto;
}

img {
	margin-bottom: 10px;
}

.affiliations {
	text-align: center;
	margin: 220px auto;
}

.affiliations img {
	margin-left: 20px;
}

/* Common elements styles
 */
h3 {
	margin-left: -12px;
	font: bold 8pt/17px Tahoma;
	background: url(../Images/Screen.Highlight.png) no-repeat;
	color: orange;
	height: 17px;
	padding: 0 5px;
	width: 415px;
}
p {
	margin-top: 0;
}
strong {
	text-decoration: none;
}
em {
	font-style: normal;
	text-decoration: underline;
}
img {
	border: 0;
}

/* Referrer elements styles
 */

a {
	color: orange;
}

/* Table elements styles
 */
td .alignRight {
	text-align: right ! important;
}
td .alignLeft {
	text-align: left ! important;
}

/* Logo element styles
 */
#logo {
	top: 5px;
	position: absolute;
	left: 5px;
}

/* Panel element styles
 */
.panel {
	background: url(../Images/Screen.Middle.png) no-repeat 0 60px;
	left: 20px;
	padding: 15px 16px 1px 15px;
	position: absolute;
	text-align: justify;
	top: 100px;
	width: 400px;
	z-index: 5;
}
.panel * {
	position: relative;
	z-index: 15;
}
.panel .top {
	background: url(../Images/Screen.Top.png) no-repeat;
	height: 60px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 10;
	width: 431px;
}
.new {
	padding-right: 10px;
	float: left;
}
.panel .bottom {
	background: url(../Images/Screen.Bottom.png) no-repeat;
	bottom: -14px;
	height: 14px;
	position: absolute;
	left: 0;
	width: 431px;
}

/* Panel menu elements styles
 */
.panel .menu {
	padding-left: 60px;
	height: 65px;
	width: 425px;
	margin-left: -12px;
	background: url(../Images/Screen.Menu.png) no-repeat;
}
.panel .menu li {
	line-height: 65px;
	padding-right: 75px;
	display: inline;
	list-style-type: none;
}

/* Panel table elements styles
 */
.panel table {
	table-layout: fixed;
	width: 400px;
}
.panel table * {
	position: static;
}
.panel th {
	padding: 0 5px 10px;
	text-align: left;
}
.panel td {
	background: url(../Images/Screen.Highlight.png) no-repeat;
	font-weight: bold;
	height: 7px;
	line-height: 17px;
	overflow: hidden;
	padding: 0 5px 10px;
	white-space: nowrap;
	z-index: 15;
}
.panel td.noPadding, .panel th.noPadding {
	padding-left: 0;
	padding-right: 0;
}
.panel td .owner {
	color: orange;
}
.panel td .type {
	font-weight: normal;
}
.panel td .port {
	font-weight: bold;
}
.panel td .default {
	font-weight: normal ! important;
}

/* Box element styles
 */
#box {
	background: url(../Images/Box.png) no-repeat;
	height: 543px;
	left: 50px;
	position: absolute;
	top: 50px;
	width: 206px;
}
#arrow {
	left: 271px;
	position: absolute;
	top: 210px;
}
#logo {
	left: 25px;
	position: absolute;
}

/* Mini box element styles
 */
#miniBoxes {
	height: 272px;
	left: 306px;
	padding-left: 0px;
	position: absolute;
	top: 165px;
	z-index: 0;
}
#miniBoxes img {
	margin-right: 50px;
}