/* $Id: bxcp.css 001 2006-10-16 18:00:00Z nekoyo & gabriel $ */


/* typ-selektoren */

a:link, a:visited {color: #FEA21E; text-decoration: none;}

a:active, a:hover {color: #FFE363; text-decoration: none;}

body {
	background: #33333E url(sc_metall.jpg) repeat;
        background-attachment: fixed;
	color: #D8D8D8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin: 75px 0 0 0;
	padding: 0px;
	text-align: center;
}

div, span {
	color: #D8D8D8;
	font-family: Verdana, Geneva, sans-serif;
}

form {display: inline;}

hr {
	background: #777777;
	border: 0px;
	height: 1px;
	width: 100%;
}

img {border: 0px; padding: 0px;}

table {background: none; border-collapse: collapse; border-width: 0px;}

td {
	color: #D8D8D8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

textarea {width: 90%;}

ul {list-style: none; margin: 0;}

li {padding: 3px 2px 3px 8px;}


/* id-selektoren */

#box {
	background: #18101F url(sc_background.jpg) no-repeat;
	border: 1px solid #18101F;
	margin: auto;
	overflow: visible;
	width: 960px;
	-moz-border-radius-bottomleft: 16px;
	-moz-border-radius-bottomright: 16px;
}

#box_bottom {
	border-top: 1px solid #33333E;
	color: #33333E;
	margin: auto;
	padding: 4px;
	width: 936px;
}

#box_char {
	background: url(sc_character_bottom.png) no-repeat top right;
	left: 0;
	margin-top: 200px;
	overflow: auto;
	text-align: center;
	width: 960px;
}

#content {
	margin-left: 8px;
	padding-bottom: 12px;
	width: 520px;
}

#contenthead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#contentbody {
	background: url(boxback.png);
	clear: both;
	padding: 5px 0;
}

#debug {
	color: #D8D8D8;
	height: 150px;
	margin: auto;
	overflow: auto;
	padding: 4px;
	text-align: left;
	width: 960px;
}

#errors {color: #D8D8D8;}

#sql {color: #99CCCC;}

#head {
	height: 276px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1;
}

#head_in {
	height: 276px;
	margin: auto;
	width: 962px;
}

#head1 {
	background: url(aeon_header_left.png);
	float: left;
	height: 276px;
	width: 402px;
}

#head2 {
	background: url(aeon_header_middle.png);
	float: left;
	height: 276px;
	width: 158px;
}

#head3 {
	background: url(aeon_header_right.png);
	float: right;
	height: 276px;
	width: 402px;
}

#head_character {
	background: url(sc_character_top.png);
	float: right;
	height: 276px;
	width: 402px;
}

#left1 {float: left; width: 108px;}

#left2 {float: left; width: 104px;}

#middle {float: left; width: 528px;}

#right {float: left; width: 212px;}

#nav-left1 li:hover, #nav-left2 li:hover {background-color: #33333E;}

#nav-left1 {margin-left: 8px; width: 100px;}

#nav-left2 {margin-left: 4px; width: 100px;}

#nav-right {
	margin-left: 8px;
	overflow: hidden;
	width: 204px;
}

#styleswitch1, #styleswitch2, #styleswitch3, #styleswitch4, #styleswitch5 {
	background: url(tabback.jpg);
	border: 1px solid #18101F;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	height: 13px;
	padding: 0 1px 0 1px;
	text-align: center;
	vertical-align: middle;
	width: 68px;
}

#styleswitch1 {margin: 49px 0 0 18px;}

#styleswitch2, #styleswitch3, #styleswitch4, #styleswitch5 {margin: 49px 0 0 2px;}

#styleswitch1:hover, #styleswitch2:hover, #styleswitch3:hover, #styleswitch4:hover, #styleswitch5:hover {background: url(tabbackon.jpg); color: #18101F;}

#styleswitch1 a:hover, #styleswitch2 a:hover, #styleswitch3 a:hover, #styleswitch4 a:hover, #styleswitch5 a:hover {color: #18101F;}


/* class-selektoren */

.bottom {
    background: #33333E;
	border: 1px solid #231D2C;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: text-top;
}

.calhead {
	background: #6D5F76;
	border: 1px solid #3B404A;
	color: #18101F;
	padding: 0 0 2px 0;
	text-align: center;
}

.calday, .calevent, .caltoday, .calweek {border: 1px solid #3B404A; text-align: center;}

.calday {background: #55485E;}

.calevent {background: #851932;}

.caltoday {background: #7A6D84; color: #18101F;}

.calweek {background: #6D5F76;}

.center {
	border-bottom: 1px solid #231D2C;
	padding: 2px 0 2px 0;
	text-align: center;
}

.centerb {padding: 2px; text-align: left;}

.centerc {
	border: 1px solid #231D2C;
	padding: 2px;
	vertical-align: top;
}

.centerd, .centere {
	border: 1px solid #231D2C;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

.contenthead_left, .contenthead_right {float: left; width: 8px;}

.contenthead_middle {
	background: url(boxhead_middle.png);
	float: left;
	height: 16px;
	width: 504px;
}

.form {
	background: #33333E;
	border: 1px solid #231D2C;
	color: #D8D8D8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin: 2px;
	padding-left: 3px;
}

.forum {background: none; margin: auto; max-width: 500px; padding: 0px;}

.gw_wallpaperoftheday {
	background: url(boxback.png);
    clear: left;
	padding: 6px 6px 0px 6px;
	text-align: center;
}

.headb {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	text-align: left;
}

.headb img {vertical-align: text-top;}

.headbforum {
	background: #33333E;
	border: 1px solid #231D2C;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}

.headbcenter {
	background: #33333E;
	border: 1px solid #231D2C;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}

.h1 {
	color: #D8D8D8;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
}

.h2 {
	color: #D8D8D8;
	font-size: 16pt;
	font-weight: normal;
	text-decoration: none;
}

.h3 {
	color: #D8D8D8;
	font-size: 20pt;
	font-weight: normal;
	text-decoration: none;
}

.left, .leftb {
	border-bottom: 1px solid #231D2C;
	padding: 2px;
	text-align: left;
}

.leftbforum, .leftbgallery {
	border-bottom: 1px dotted #231D2C;
	padding: 8px 2px 4px 4px;
	text-align: left;
}

.leftbgallery {font-size: 13px;}

.leftbmembers {
	border-bottom: 1px solid #231D2C;
	text-align: left;
	padding: 2px 2px 2px 4px;
}

.leftbmembersb {
	border-bottom: 1px dotted #231D2C;
	text-align: center;
	padding: 8px 2px 4px 4px;
}

.leftbnews {
	border-top: 1px dotted #D8D8D8;
	border-bottom: 1px dotted #D8D8D8;
	padding: 2px 0 2px 0;
	text-align: left;
}

.leftbnewstext {
	border-bottom: 1px solid #231D2C;
	padding: 6px 0 8px 0;
	text-align: left;
}

.leftc {
	background: #33333E;
	border: 1px solid #231D2C;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: text-top;
}

.leftcforum {
	border-bottom: 1px dotted #D8D8D8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 2px 4px 2px;
	text-align: left;
}

.leftcreate, .leftcreateb, .leftcreatec, .leftcreated {
	background: #33333E;
	border: 1px solid #231D2C;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: text-top;
}

.leftcreate {width: 112px;}

.leftcreateb {width: 80px;}

.leftcreatec {width: 130px;}

.leftcreated {width: 180px;}

.leftd, .lefte, .leftf, .leftg, .lefth {border: 1px solid #231D2C; padding: 2px 4px 2px 4px;}

.leftd {text-align: left; vertical-align: bottom;}

.lefte {text-align: left; vertical-align: middle;}

.leftf {text-align: center; vertical-align: middle;}

.leftg {text-align: right; vertical-align: middle;}

.lefth {text-align: left; vertical-align: top;}

.lefti {
	border-bottom: 1px solid #231D2C;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: bottom;
}

.leftj {
	border: 1px solid #231D2C;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}

.leftdforum {padding: 2px 2px 4px 4px; text-align: left;}

.lefteforum {padding: 4px 2px 2px 4px; text-align: left;}

.leftfforum {padding: 2px 2px 2px 4px; text-align: left;}

.login {
	clear: both;
	float: left;
	margin: 50px 0 0 17px;
	text-align: left;
	width: 210px;
}

.login a {color: #FEA21E;}

.login a:hover {color: #FFE363;}

.navbody1, .navbody2 {
    background: url(boxback.png);
	clear: left;
	padding: 5px 0 0 0;
	text-align: left;
}

.navbody2 {padding: 6px 6px 2px 6px;}

.navbodycal {
	background: url(boxback.png);
	clear: both;
	padding: 1px 0 0 1px;
	text-align: center;
}

.navbottom, .contentbottom {height: 8px; margin: 0;}

.navbottom_left, .navbottom_right {float: left; width: 8px;}

.navbottom_middle, .navbottom_middle2, .navbottom_content {
	background: url(boxback.png);
	float: left;
	height: 8px;
}

.navbottom_middle {width: 84px;}

.navbottom_middle2 {width: 188px;}

.navbottom_content {width: 504px;}

.navhead {margin: 0;}

.navhead_left, .navhead_right {float: left; height: 16px; width: 8px;}

.navhead_middle, .navhead_middle2 {
	background: url(boxhead_middle.png);
	float: left;
	height: 16px;
	width: 84px;
}

.navhead_middle {width: 84px;}

.navhead_middle2 {width: 188px;}

.newshead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 2px;
	text-align: left;
}

.right, .rightb, .rightf, .righth {border-bottom: 1px solid #231D2C;}

.rightb, .rightd, .righte, .rightf, .rightg, .righth {padding: 2px 4px 2px 2px;}

.right {padding: 2px; text-align: right;}

.rightb {text-align: right; vertical-align: top;}

.rightbforum {
	border-bottom: 1px dotted #231D2C;
	padding: 8px 4px 4px 2px;
	text-align: center;
}

.rightc {
	background: #33333E;
	border: 1px solid #231D2C;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}

.rightd {
	border: 1px solid #231D2C;
	text-align: right;
	vertical-align: top;
}

.righte {
	background: #33333E;
	border: 1px solid #231D2C;
	text-align: right;
	vertical-align: bottom;
}

.rightf {text-align: right; vertical-align: bottom;}

.rightg {
	border: 1px solid #231D2C;
	text-align: center;
	vertical-align: middle;
}

.righth {text-align: center; vertical-align: bottom;}

.righti {
	padding-bottom: 4px;
	text-align: center;
	vertical-align: middle;
}

.quote {
	background: #231D2C;
	padding: 4px;
	text-align: left;
}


/* gwbbcode*/

.skill_link {color: #0000FF;}

.gwno_border {padding: 0px; margin: 0px;}
table.gwborder {width: 486px;}
img.no_link {border: none;}
.table_image {vertical-align: top; text-align: center; font-size: 9px; padding: 7px; 10px 4px; 2px;}
.skill_text {vertical-align: top; padding-top: 3px;}
.skill_text img {vertical-align: text-top;}
.skill_name {font-size: 13px; font-weight: 700; color: #FFFFCC; float: left; padding-top: 2px; padding-left: 2px;}
.skill_desc {text-align: left; font-size: 10px; color: white; line-height: 14px; clear: both; display: block; padding: 5px 5px 5px 2px;}
.skill_camp {font-weight: bold; color: #aad38b; font-size: 10px; padding-left: 2px;}
.expert {color: #A1AEFF; padding-left: 2px;}


.build_name {text-align: left; font-size: 14px; font-weight: 700; color: #FFFFCC; padding-bottom: 5px;}
.build_desc {text-align: left; font-size: 12px; color: #999999; line-height: 20px;}
.build_lilname {font-size: 10px; padding: 0px; line-height: 12px;}
.attribute {font-size: 12px; color: white; line-height: 20px;}

.skill_requirements {display: inline; padding: 0; margin: 0; list-style-type: none;}
.skill_requirements li {display: inline; float: right; margin-right: 5px; font-weight: bold; font-size: 12px; color: white;}
span.variable {color: #88FF88; font-weight: bold;}


.table_image, .skill_name, .skill_desc, .skill_camp, .expert, .build_name, .build_desc, .attribute, .skill_requirements, .skill_requirements li, span.variable {
   font-family: Verdana, Helvetica, sans-serif;
}

/* Border declarations for Build tooltips by Kills Less */
.gwborder_topleft {background-image: url(topleft.gif); width: 3px; height: 3px;}
.gwborder_top {background-image: url(top.gif); height: 3px;}
.gwborder_topright {background-image: url(topright.gif); width: 3px; height: 3px;}
.gwborder_left {background-image: url(left.gif); width: 3px;}
.gwborder_right {background-image: url(right.gif); width: 3px;}
.gwborder_bottomleft {background-image: url(bottomleft.gif); width: 3px; height: 3px;}
.gwborder_bottom {background-image: url(bottom.gif); height: 3px;}
.gwborder_bottomright {background-image: url(bottomright.gif); width: 3px; height: 3px;}

/* Build Box declarations by Kills Less */
table.gwbuildbox {height: 46px;}
.gwbuildbox_left {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='buildbox_left.png'); width:3px; height: 46px;}
.gwbuildbox_right {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='buildbox_right.png'); width:3px; height: 46px;}
.gwbuildbox_left[class] {background-image: url(buildbox_left.png); background-repeat: no-repeat; width: 3px; height: 46px;}
.gwbuildbox_center {background-image: url(buildbox_center.png); height: 46px;}
.gwbuildbox_right[class] {background-image: url(buildbox_right.png); background-repeat: no-repeat; width: 3px; height: 46px;}


.translucent 
{
  background:#161411;
  filter:alpha(opacity=90,style=0);
  -moz-opacity:.90;
  opacity:.90;
  padding: 0px;
  width: 480px;   /* Needed otherwise Nosebleed blows the popup up */
  height: auto;
}

/* Needed otherwise Nosebleed blows the popup up */
table.gwborders {width: 450px;}

/* This is where you can customize the appearance of the tooltip */
div#overDiv {
  position:absolute; visibility:hidden; z-index: 10000;
}
