body
{
	background:#EED;
	color:#000000;
	font:0.8em Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}

#logo
{
	background:url(../img/logobackground.jpg) repeat-x 0px 0px;
	margin:0;
	height:192px;
}

#title
{
	clear:both;
	background:url(../img/logos/wurmonline.gif) no-repeat bottom;
	width:571px;
	text-align:center;
	margin:auto;
	padding-top:22px;
	height:69px;
}

#title span
{
	display:none;
}

#title img
{
	margin-top:48px;
}

#logoFrameLeft
{
	/* background:url(/layout/wooden/logoframeleft.gif) repeat-y top left; */
	background:url(../img/leafsleft.gif) no-repeat bottom left;
	width:100%;
	height:192px;
}

#logoFrameRight
{
	/* background:url(/layout/wooden/logoframeright.gif) repeat-y top right; */
	background:url(../img/leafsright.gif) no-repeat bottom right;
	width:100%;
	height:192px;
	text-align:center
}

#status
{
	float:right;
	color:#FFF;
	background:url(../img/statusbg.gif);
	padding:0.2em 0.2em 0.2em 48px;
	text-align:right;
}

#menu
{
	background:url(../layout/wooden/boxback.png) #987;
	border:2px solid #000;
	color:#000;
	font-weight:bold;
	margin:0em;
	padding:0.5em;
	text-align:center;
}

#menu li
{
	border-color:#FFF;
	padding: 1px 2px 2px 6px;
}

#menu a
{
	color:#FFF;
	text-decoration:none;
}

#menu a:link
{
	color:#FFF;
	text-decoration:none;
}

#menu a:hover
{
	color:#FFF;
	text-decoration:underline;
}

#launch
{
	font:bold 1em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:0;
/*	padding:5px 3px 3px 4px; Emerald */
	height:72px;
	width:132px; 
}

#launch img
{
	border: solid 1px #444; /* Emerald */
	padding:0;
/*	width:127px;
	height:68px; */
}

#launch img:active
{
	border: solid 1px #555;
}

#launch a
{
	color:#FFF;
}

#adsensevertical
{
	font:bold 1em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:0;
	height:600px;
}

#adsensevertical img
{
	border:0;
	width:127px;
	height:600px;
}

#adsensefooter
{
	font:bold 1em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:0;
	height:15px;
}

#adsensefooter img
{
	border:0;
	width:728px;
	height:15px;
}

#usermenu #loginOrSignup
{
	text-align:center;
}

#usermenu a
{
	color:#FFF;
	font-weight:bold;
}

#usermenu ul
{
	padding:0;
	margin:1em 0;
}

#usermenu li
{
	list-style-type:none;
	padding:0;
	margin:0;
}

#getjava
{
	text-align:center;
}

/*
 * Use less padding on the Google.com logo because
 * the image is a tiny bit too large for the layout.
 */
#google-site-search
{
	text-align:center;
	padding:1px;
	border-style: none;
	max-width: 142px; /* Emerald */
}

#google-site-search input
{
	max-width: 135px; /* Emerald */
}

#mainmenu
{
	color:#FFF;
	padding:0px;
	margin-left: 15px;
}

#mainmenu li a
{
	color:#FFF;
	list-style-type:none;
	padding:0;
	margin:0;
	text-decoration:none;
}

#mainmenu a:hover
{
	color:#FFF;
	text-decoration:underline;
}

/*
 * Use less padding for sysadmin menu to allow more
 * width for the text in this layout.
 */
#sysadminmenu
{
	color:#FFF;
	padding:0px;
	margin-left: 15px;
}

#sysadminmenu li a
{
	color:#FFF;
	list-style-type:disc;
	padding:0;
	margin:0;
	text-decoration:none;
}

#sysadminmenu a:hover
{
	color:#FFF;
	text-decoration:underline;
}

/*
 * Use less padding for Web Interface menu to allow more
 * width for the text in this layout.
 */
#webinterfacemenu
{
	color:#FFF;
	padding:0px;
	margin-left: 15px;
}

#webinterfacemenu li a
{
	color:#FFF;
	list-style-type:disc;
	padding:0;
	margin:0;
	text-decoration:none;
}

#webinterfacemenu a:hover
{
	color:#FFF;
	text-decoration:underline;
}

/*
 * Use less padding for PayPal menu to allow more
 * width for the text in this layout.
 */
#paypalmenu
{
	color:#FFF;
	padding:0px;
	margin-left: 15px;
}

#paypalmenu li a
{
	color:#FFF;
	list-style-type:disc;
	padding:0;
	margin:0;
	text-decoration:none;
}

#paypalmenu a:hover
{
	color:#FFF;
	text-decoration:underline;
}

/*
 * Removes the unesthetic space
 * between small lines
 */
#getjava small, #status small
{
	display:block;
	line-height:1.3em;
	margin-bottom:0.2em;
}

#mojang-footer
{
	text-align:center;
	max-width: 100%;
}

#mojang-footer a
{
	color:#FFF;
}

#leftColumn
{
	background:url(../layout/wooden/bodybgbottomleft.png) bottom right no-repeat;
	color:#FFF;
	vertical-align:top;
	width:223px;
}

#centerColumn
{
	background:url(../layout/wooden/bodybgbottom.png) #FFF bottom repeat-x;
	vertical-align:top;
	padding-bottom:2em;
}

/*
 * Hook for lower border of center column
 */
#centerHelper
{
	background:url(../layout/wooden/bodybgtop.png) top repeat-x;
	padding:1.6em 0 1em 0;
}

#rightContentColumn
{
	float:right;
	width:196px;
}

#rightColumn
{
	background:url(../layout/wooden/bodybgbottomright.png) bottom left no-repeat;
	color:#FFF;
	vertical-align:top;
	width:36px;
}

/*
 * Hook for background of left menu
 */
#leftHelper1
{
	background:url(../layout/wooden/menubgleft.png) top left repeat-y;
	margin:0;
	padding:0;
}


/*
 * Hook for background of left menu
 */
#rightHelper1
{
	background:url(../layout/wooden/menubgright2.png) top right repeat-y;
	margin:0;
	padding:0;
}


/*
 * Hook for upper-left edge of content area
 */
#leftHelper2
{
	background:url(../layout/wooden/bodybgtopleft.png) top right no-repeat;
	padding-top:1em;
	margin:0;
}


/*
 * Hook for upper-right edge of content area
 */
#rightHelper2
{
	background:url(../layout/wooden/bodybgtopright.png) top left no-repeat;
	padding-top:1em;
	margin:0;
}

/*
 * Headers in left/right columns, "wooden" headers
 */
#leftColumn h3, #rightColumn h3, h3.wooden
{
	background:url(../layout/wooden/menutitleback.png) no-repeat;
	height:31px;
	padding:2px 9px 2px 9px;
	margin:0;
}

/*
 * Positioning of header bars in left column so
 * they don't leak into the border of the content area.
 */
#leftColumn h3
{
	margin-right:32px;
}

/*
 * Positioning of header bars in right column so
 * they don't leak into the border of the content area.
 */
#rightColumn h3
{
	margin-left:32px;
}

/*
 * Positioning of content boxes in left column
 */
#leftColumn div.box
{
	/* margin:0 46px 1em 40px; pre-emerald */
	margin:0 38px 1em 35px; 
}

/*
 * Positioning of content boxes in right column
 */
#rightColumn div.box
{
	margin:0 40px 1em 46px;
}


/*
 * Remove any margin from divs inside other divs in the left/right column
 */
#leftColumn div div, #rightColumn div div
{
	margin:0;
}




h1, h2, h3, h4, h5, h6, th
{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	margin:1em 0;
}

h1
{
	font-size:2em;
}

h2
{
	margin-top:2em;
	font-size:1.5em;
}

h3
{
	margin-top:2em;
	font-size:1.2em;
}

h4
{
	font-size:1em;
}

td
{
	vertical-align:top;
}

th
{
	background:#987;
	color:#FFF;
	white-space:nowrap;
}

p, div
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.zebra
{
	background:#DDD;

	width:100%;
}

input, textarea, select
{
	border-width:1px;
}

/* 
input, textarea
{
	background:url(/layout/wooden/inputback.png);
	border:2px inset #888;
	margin:1px;
}

input.button
{
	background:url(/layout/wooden/buttonback.png);
	border:1px outset #444;
	color:#FFF;
	margin:2px;
	padding:0 0.5em;
}
*/

.box
{
	background:url(../layout/wooden/boxback.png) #987;
	border:2px solid #000;
	color:#FFF;
	padding:4px;
	max-width: 136px; 
}

.box a
{
	color:#FFF;
}

.lightBox
{
	background:#EED;
	border:2px solid #987;
	padding:0.5em;
}

ul.bulletless, ol.bulletless
{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.horiz li, ol.horiz li
{
	border-left:0.15em solid #000;
	display:inline;
	list-style-type:none;
	padding:0 1em;
	margin:0em;
}

ul.horiz li:first-child, ol.horiz li:first-child
{
	border:none;
}

.errors
{
	border:1px solid red;
	background:#FAA;
	padding:0.25em;
	margin:1em;
}

.errors ul, .lightBox ul
{
	margin:0;
}

.errors ul, .lightBox ul, .errors li, .lightBox li
{
	list-style-type:none;
	padding:0;
	margin:0;
}

small
{
	font:0.7em Verdana,Arial,sans-serif;
}

.info
{
	color:#888;
	font-size:0.85em;
}

.icon
{
	border:0;
	height:12px;
	width:12px;
}

/*
 * The following bunch of rules style the site manager page tree
 */
ul.tree
{
	/* the 1px makes IE behave, why escapes me */
	margin:1px 0 0 0;
	padding:0;
}

ul.tree ul
{
	margin-left:2em;
}

.tree li
{
	background:#FFF;
	border-top:1px dashed #888;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

.tree li.ruled
{
	/* A ruled item will get a different background and bold font */
	background-color:#DDD;
	font-weight:bold;
}

.tree li.ruled ul
{
	/* This prevents all children below a ruled item to get a bold font */
	font-weight:normal;
}

.tree li.overridden
{
	/*
	 * This class is used to override the inheritance of CSS rules
	 */
	background-color:inherit;
	font-weight:normal;
}

.controls
{
	float:right;
	display:inline;
	margin:0;
	padding:0;
}

.tree li input
{
	border:none;
	background:none;
	
	/* use no space in IE */
	margin:0;
	padding:0;
}

.tree li input[type~=checkbox]
{
	border:none;
	background:none;
	
	/* use a tiny space in CSS-aware browsers */
	margin:2px;
}

/*
 * The following classes define the "page type" icons for the site manager
 */
/* Egal removed as not used
.Ipage
{
	list-style-image:url(../icons/ipage.gif);
}

.Epage
{
	list-style-image:url(../icons/epage.gif);
}

.Lpage
{
	list-style-image:url(../icons/lpage.gif);
}

.Tpage
{
	list-style-image:url(../icons/tpage.gif);
}

.Dpage
{
	list-style-image:url(../icons/dpage.gif);
}
*/
.expand
{
	width:100%;
}

form.plain input, form.plain textarea
{
	background:#FFF;
}

form.plain input[type~=button], form.plain input[type~=submit]
{
	background-color:#CCC;
	border:1px outset #CCC;
}

form.plain input[type~=button]:hover, form.plain input[type~=submit]:hover
{
	background-color:#DDD;
}

form.plain th
{
	background:none;
	color:#000;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

.buttons
{
	text-align:right;
}

label
{
	cursor:pointer;
}

label:hover
{
	
}

code
{
	font:10pt monospace;
}

.thumb
{
	padding:0.5em;
	border:1px solid #876;
	float:left;
	margin:0.5em;
	font-size:0.7em;
	background:#CBA;
}

.thumb img
{
	width:128px;
	border:none;
	display:block;
	border:1px solid #876;
}