@charset "utf-8";
/* CSS Document */

body {
	background: url(../img/bg/all.jpg) repeat-x #353736;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #f3f3f3;
}

.fr {
	float: right;
	clear: both;
}

.c {
	text-align: center;
}

.l {
	text-align: left;
}

/* make socket images appear vertically centered with text */
.socket {
	margin-bottom: -4px;
}
.sockettext {
	color: #a3a3a3;
	line-height: 18px;
}

.valign { vertical-align: middle; }

img { border: 0; }

/* prevent forms from adding huge empty spaces */
form { padding: 0; margin: 0; }

/* fix quirks mode font oversizing */
td, input, select, textarea { font-family: Tahoma; font-size: 11px; }

/* Form classes */
input, select, textarea { background-color: #282828; border: 1px solid #686d72; color: #FFFFFF; }
.button { background-color: #414141; border: 1px solid #686d72;	color: #c5c5c5; }


/* Talent Calc styles */
.mt1 { }
.mt2 { }
.mt3 { }


/* Table default settings */
table {
	border-collapse: collapse;
	padding: 0;
}

td {
	vertical-align: top;
	padding: 0;
}

/* Box Padding classes */
table.pad20 {
	width: 100%;
	margin-bottom: 10px;
}

table.pad td {
	padding: 2px;
}

/* and for the occasional exception of valign */
table.mid td {
	vertical-align: middle;
	padding: 2px;
}

/* Table Data */
table.sample {
	border-spacing: 0px;
	border-style: none;
}
table.sample th {
	color: #e5c41b;
	background-color:#1b2635;
	-moz-border-radius: 0px;
}
table.sample td {
	padding: 2px;
	vertical-align: middle;
	-moz-border-radius: 0px;
}

table.sample td.icon {
	background-color: black;
	padding: 2px;
	width: 32px;
}

table.sample td.r {
	text-align: right;
}

/* Left Column Width */
td.leftmenu {
	width: 190px;
}

td.lcol {
	width: 444px;
	padding-right: 10px;
}

td.rcol {
	width: 306px;
}

/* Guide CSS */
table.guide td.brownM {
	padding: 20px;
}

table.margleft15 {
	margin-left: 15px;
}

/* Abbrev CSS left TD */
table.sample td.padr {
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
	color: #e5c41b;
}

div#container { 
margin: 0px auto 0px auto;
width: 994px;
}

div#toplogo {
position: relative;
/* added as <img /> to surround with <a></a>
background: url(../img/topstatist/demon.jpg) no-repeat; */
width:993px;
height:101px;
}

div#globalsearch {
position: absolute;
left:785px; top:43px; width:150px; z-index: 5;
}

div#top {
background: url(../img/bg/top.jpg) no-repeat; width:993px; height:83px; top:101px;
}

div#menucontainer {
}

div#text {
width: 760px;
}

/* map coords */
div#smallmapol {
position: absolute;
left: 530px;
top: 155px;
font-size: 9px;
}
div#bigmapol {
position: absolute;
left: 780px;
top: 200px;
font-size: 11px;
}



.choffhand {
position: absolute; left: 0px; top: 0px; z-index: 5;
}

div#content {
position: relative;
background: url(../img/bg/center.jpg) repeat-y;
text-align: left;
min-height: 400px;
}

div#bottom {
position: relative;
background: url(../img/bg/bot.gif) no-repeat; width:993px; height:126px; text-align:center; z-index: 1;
}

div#menutop { background:url(../img/menu/top.gif) no-repeat; left:0.4em; width:155px; height:54px; }
div#menucenter { background:url(../img/menu/center.gif) repeat-y; width:155px; margin-bottom: -5px; }
div#menubot { background: url(../img/menu/bot.gif) no-repeat; left:0.4em; width:155px; height:52px; }
div#menutext {
	text-align: left; 
	margin: 0;
	padding: 20px;
	padding-top: 0;
	width: auto;
}

div#menutext>a {
	margin:0px;
	display:block;
	height:20px;
}

.globalsearchform {
width:150px; color:#e4e4e4; border:none; background:none;
font-family: Tahoma;
font-size: small;
line-height: 12px;
}

/* Font classes */
.headline {color: #f6d023; font-weight:bold;}

/* text decoration: none; her p samtlige a:pseudo klasser gr det undvendigt at stte den andre steder, derfor slettet fra alle klasser under */
a:link, a:visited { color: #a9d7ef; text-decoration:none; }
a:hover, a:active { color: #ffad00; text-decoration:none; }
a.search:link, a.search:visited { color: #f6d023; }
a.search:hover, a.search:active { color: #ffad00; }
a.headline:link, a.headline:visited { color: #f6d023; }
a.headline:hover, a.headline:active { color: #ffffff; }
a.whitefat:link, a.whitefat:visited { color: #F3F3F3; font-weight:bold; }
a.whitefat:hover, a.whitefat:active { color: #fff600; font-weight:bold; }
a.menu:link, a.menu:visited { color: #ffffff; }
a.menu:hover, a.menu:active { color: #f6d023; }
a.boxtop:link, a.boxtop:visited { color: #ffe3a9; border-bottom:1px dotted; }
a.boxtop:hover, a.boxtop:active { color: #f6d023; border-bottom:1px dotted; }
a.comment:link, a.comment:visited { color: #f0a900; border-bottom:1px dotted; font-weight:bold; }
a.comment:hover, a.comment:active { color: #f6d023; border-bottom:1px dotted; font-weight:bold; }
a.showmore:link, a.showmore:visited { color: #f0a900; border-bottom:1px dotted; font-weight:bold; float:right; }
a.showmore:hover, a.showmore:active { color: #f6d023; border-bottom:1px dotted; font-weight:bold; float:right; }
a.alpha:link, a.alpha:visited { color: #f0a900; font-weight:bold; }
a.alpha:hover, a.alpha:active { color: #f6d023; font-weight:bold; }
a.contact:link, a.contact:visited { color: #2bd0ff; font-weight:bold; }
a.contact:hover, a.contact:active { color: #FFFFFF; font-weight:bold; }
a.poll:link, a.poll:visited { color: #f6d023; }
a.poll:hover, a.poll:active { color: #ffffff; }

/* Comment box classes */
.commentTL { background:url(../img/box/comment/tl.gif); padding-left:4px;}
.commentT { background:url(../img/box/comment/t.gif) repeat-x; width:100%;}
.commentTR { background:url(../img/box/comment/tr.gif); height:5px;}
.commentL { background:url(../img/box/comment/l.gif) repeat-y;}
.commentM { background-color:#FFFFFF;}
.commentR { background:url(../img/box/comment/r.gif) repeat-y;}
.commentBL { background:url(../img/box/comment/bl.gif); height:5px;}
.commentB { background:url(../img/box/comment/b.gif) repeat-x;}
.commentBR { background:url(../img/box/comment/br.gif); padding-right:4px;}

/* Black box classes */
.blackTL { background:url(../img/box/3/tl.gif); padding-left:7px; }
.blackT { background:url(../img/box/3/t.gif) repeat-x; width:100%;}
.blackTR { background:url(../img/box/3/tr.gif); height:7px;}
.blackL { background:url(../img/box/3/l.gif) repeat-y;}
.blackM { background-color:#000000;}
.blackR { background:url(../img/box/3/r.gif) repeat-y;}
.blackBL { background:url(../img/box/3/bl.gif); height:9px;}
.blackB { background:url(../img/box/3/b.gif) repeat-x;}
.blackBR { background:url(../img/box/3/br.gif); padding-right:7px;}

/* Brown box classes */
.brownTL { background:url(../img/box/4/tl.gif); padding-left:7px;}
.brownT { background:url(../img/box/4/t.gif) repeat-x; width:100%;}
.brownTR { background:url(../img/box/4/tr.gif); height:7px;}
.brownL { background:url(../img/box/4/l.gif) repeat-y;}
.brownM { background-color:#272727;}
.brownR { background:url(../img/box/4/r.gif) repeat-y;}
.brownBL { background:url(../img/box/4/bl.gif); height:9px;}
.brownB { background:url(../img/box/4/b.gif) repeat-x;}
.brownBR { background:url(../img/box/4/br.gif); padding-right:7px;}

/* Blue box classes */
.blueTL { background:url(../img/box/5/tl.gif); padding-left:7px; }
.blueT { background:url(../img/box/5/t.gif) repeat-x; width:100%;}
.blueTR { background:url(../img/box/5/tr.gif); height:7px;}
.blueL { background:url(../img/box/5/l.gif) repeat-y;}
.blueM { background-color:#0e1823;}
.blueR { background:url(../img/box/5/r.gif) repeat-y;}
.blueBL { background:url(../img/box/5/bl.gif); height:9px;}
.blueB { background:url(../img/box/5/b.gif) repeat-x;}
.blueBR { background:url(../img/box/5/br.gif); padding-right:7px;}

/* Black cornerbox classes */
.black20TL { background:url(../img/box/6/tl.gif); padding-left:20px; }
.black20T { background:url(../img/box/6/t.gif) repeat-x; width:100%;}
.black20TR { background:url(../img/box/6/tr.gif); height:21px;}
.black20L { background:url(../img/box/6/l.gif) repeat-y;}
.black20M { background:url(../img/box/6/m.gif);}
.black20R { background:url(../img/box/6/r.gif) repeat-y;}
.black20BL { background:url(../img/box/6/bl.gif); height:21px;}
.black20B { background:url(../img/box/6/b.gif) repeat-x;}
.black20BR { background:url(../img/box/6/br.gif); padding-right:20px;}

/* Comment Box */
.comBlue20TL { background:url(../img/box/7/tl.gif); padding-left:21px; }
.comBlue20T { background:url(../img/box/7/t.gif) repeat-x; width:100%;}
.comBlue20TR { background:url(../img/box/7/tr.gif); height:21px;}
.comBlue20L { background:url(../img/box/7/l.gif) repeat-y;}
.comBlue20M { background:url(../img/box/7/m.gif);}
.comBlue20R { background:url(../img/box/7/r.gif) repeat-y;}
.comBlue20BL { background:url(../img/box/7/bl.gif); height:21px;}
.comBlue20B { background:url(../img/box/7/b.gif) repeat-x;}
.comBlue20BR { background:url(../img/box/7/br.gif); padding-right:21px;}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  	position: absolute;
	width:250px; padding:4px;
	border: 1px gray outset;
	background-color: #111144;
	color: white;
	z-index: 100;
	opacity: 0.9;
	filter: alpha(opacity=90, style=0);
	visibility: hidden;
	text-align: left;
	-moz-border-radius: 8px;
}