/* a:link {color: #352c0e;} */
a:link {color: #1111BB;}
a:active {color: #e2ac30;}
/* a:visited {color: #493C13;} */
/* a:hover {color: #554317;} */

.clear {clear: both;}

td { font-family: Tahoma; color: black;}

html{
	height: 100%;
}

body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	z-index: -1;
	font-family: "Arial";
	text-align: center;
	background-image: url("/pics/site_background.jpg");
	background-color: #343434;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: repeat-y;
	behavior: url("/cssHoverFix.htc");
}

#site_div{
	position: relative;
	z-index: 10;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 860px;
	margin: 0px auto;
	padding: 0px;
	background-image: url("/pics/body_background_tech.jpg");
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
}
	
#site_main{
	z-index: 10;
	height: 100%;
	position: relative;
	padding-bottom: 26px;
}

#banner{
	position: relative;
	text-align: left;
	background-image: url("/pics/banner_sunsetb.jpg");
	width: 100%;
	height: 140px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

	#banner a{
		text-decoration: none;}
	
#footer{
	z-index: 10;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 26px;
	width: 100%;
	text-align: center;
	padding: 0px;
	font-size: 10px;
	background-color: #5E5E5E;
	border-top: 1px solid #444444;
}

	#footer ul{
		padding: 0px;
		margin: 0px;
	}

	#footer li{
		display: block;
		list-style: none;
		float: left;
		margin: 0px;
		background-color: #555555;
		border-right: 1px solid #333333;
	}
	
	*html #footer li{
		width: 120px;
		text-align: center;
	}

	#footer li:hover{
		background-color: #777777;
	}

	#footer a{
		display: block;
		height: 10px;
		padding: 8px 10px;
		text-decoration: none;
	}

	#footer a:link, 
	#footer a:active, 
	#footer a:visited,
	#footer a:hover
		{color: #1A1A3A;}


#nav_bar{
	z-index: 100;
	width: 100%;
	height: 23px;
	padding: 0px;
	margin: 0px;
	background-image: url("/pics/banner_sunsetb.jpg");
	background-position: bottom center;
}

	#nav_bar li{
		display: block;
		list-style: none;
		float: left;
		height: 23px;
		background-image: url("/pics/opaque_gray_90.png");
		*background: #666666;
	}
	
	#nav_bar a{
		display: block;
		width: 172px;
		padding: 3px 0px;
		text-align: center;
		font: bold 12px arial;
		text-decoration: none;
		color: #BBBBBB;
		border-top: 1px solid #333333;
		border-bottom: 1px solid #333333;
	}
	
	#nav_bar .nav_link{
		position: relative;
		z-index: 110;
	}

	#nav_bar li.nav_link:hover{
		background: #333333;
	}

	#nav_bar .nav_dropdown{
		display: none;
		position: absolute;
		top: 23px;
		width: 170px;
		border-left: 1px solid #444444;
		border-right: 1px solid #444444;
		border-bottom: 1px solid #444444;
	}

	* html #nav_bar .nav_dropdown{
		top: 23px !important;
	}

	#nav_bar .nav_sub{
		display: block;
		white-space: nowrap;
		float: left;
		width: 122px;
		padding: 3px 12px;
		text-align: left;
		font: normal 12px arial;
		color: #444444;
		background: #BBBBBB;
		border-top: 0px;
		border-bottom: 0px;
	}
	#nav_bar .nav_sub:hover{
		background: #555555;
		color: #BBBBBB;
		font-weight: bold;
	}
	
	#nav_bar .nav_sub:hover .new_window{
		background: #555555;
		background-image: url("/pics/new_window.gif");
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#nav_bar .nav_item{
		position: relative;
		width: 170px;
		height: 21px;
		background: #BBBBBB;
	}
	
	#nav_bar .new_window{
		position: absolute;
		display: none;
		top: 0px;
		right: 0px;
		width: 24px;
		height: 15px;
		border-top: 0px;
		border-bottom: 0px;
	}
	#nav_bar .nav_item:hover .new_window{
		display: block;
		background: #555555;
		background-image: url("/pics/new_window.gif");
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
	}

#login_container{
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 5px;
	text-align: right;}
	
	#login_container div{
		padding-bottom: 3px;
	}
	#login_container div{
		padding-bottom: 3px;
	}

#notice_div{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	background-color: #BBBB00;
	color: #444444;}

#transfer{
	position: absolute;
	top: 0px;
	left: 860px;
	z-index: 0;
}

	#transfer_items{
		width: 40px;
		height: 306px;
		padding-top: 25px;
		background-image: url('/pics/transfer_tab.png');
		background-repeat: no-repeat;
		background-position: top left;
	}

	#transfer_reload{
		background-image: url('/pics/reload_off.png');
		background-repeat: no-repeat;
		background-position: 3px bottom;
	}
	#transfer_reload a{
		display: block;
		width: 40px;
		height: 35px;
	}
	#transfer_reload:hover {
		background-image: url('/pics/reload_on.png');
	}

	#transfer_collapse{
		margin-top: 3px;
		background-image: url('/pics/collapse_off.png');
		background-repeat: no-repeat;
		background-position: 8px top;
	}
	#transfer_collapse a{
		display: block;
		width: 40px;
		height: 35px;
	}
	#transfer_collapse:hover {
		background-image: url('/pics/collapse_on.png');
	}

	#transfer_collapsed{
		width: 20px;
		height: 65px;
		padding-top: 13px;
		background-image: url('/pics/transfer_tab_collapsed.png');
		background-repeat: no-repeat;
		background-position: 2px;
	}

	#transfer_expand{
		display: block;
		background-image: url('/pics/expand_off.png');
		background-repeat: no-repeat;
		background-position: center;
	}
	#transfer_expand a{
		display: block;
		width: 20px;
		height: 50px;
	}
	#transfer_expand:hover {
		background-image: url('/pics/expand_on.png');
	}

	#transfer .items{
		height: 38px;
		width: 38px;
		margin: 0px;
		background-image: url('/pics/item_mini/empty.gif');
		background-repeat: no-repeat;
		background-position: center;
	}

	#transfer .items:hover{
		background-color: #888888;
	}
	
	#transfer_info{
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
		padding: 3px 5px;
		color: black;
		font-size: 11px;
		background-image: url('/pics/opaque_20.png');
	}

#lang{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 4px 4px;
	height: 18px;
	text-align: left;
	vertical-align: bottom;}

	#lang ul{
		margin: 0px;
		padding: 0px;}

	#lang li:first-child{
		margin-left: 2px;}

	#lang li{
		position: relative;
		z-index: 30;
		margin: 0px 2px;
		list-style: none;
		float: left;
		border: 1px solid #222222;
		font: bold 11px arial;}
	#lang li.selected_lang_supported, li.selected_lang_not_supported{
		display: block;}
	#lang li.lang_supported, li.lang_not_supported{
		display: none;}

	#lang li a{
		padding: 1px 2px;
		opacity: 0.75;
		display: block;
		color: #d7d7d7;
		text-align: center;
		text-decoration: none;}

	#lang li.selected_lang_supported a{
		background: #116611;}
	#lang li.selected_lang_not_supported a{
		background: #661111;}
	#lang li.lang_supported a{
		background: #668866;}
	#lang li.lang_not_supported a{
		background: #886666;}

	#lang li.selected_lang_supported a:hover{
		color: #114411;
		background: #d7d7d7;}
	#lang li.selected_lang_not_supported a:hover{
		color: #441111;
		background: #d7d7d7;}
	#lang li.lang_supported a:hover{
		color: #668866;
		background: #d7d7d7;}
	#lang li.lang_not_supported a:hover{
		color: #886666;
		background: #d7d7d7;}

	#lang:hover a{
		opacity: 1.00;}

	#lang:hover li{
		display: block;}

.generic_container{
	padding: 5px 0px;
}
	
	.generic_container p, ul, ol{
		margin-left: 40px;
		margin-right: 40px;
		text-align: left;
	}
		
	.generic_container h1{
		text-shadow: #666666 0.1em 0.1em 0.1em;
		text-align: center;
		color: #222222;
		font-size: 24px;
	}
	.generic_container h2{
		margin-left: 30px;
		margin-right: 30px;
		text-align: left;
		color: #494433;
		font-size: 18px;
	}

.rounded_container{
	padding: 5px 10px;
	margin: 10px auto;
	background-image: url("../pics/opaque_20.png");
	border: 1px solid #444444;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
	
	.rounded_container p, ul, ol{
		text-align: left;
	}
		
	.rounded_container h1{
		text-shadow: #555555 0.1em 0.1em 0.1em;
		text-align: center;
		color: #222222;
		font-size: 24px;
	}
	.rounded_container h2{
		margin-left: 30px;
		margin-right: 30px;
		text-align: left;
		color: #494433;
		font-size: 18px;
	}

.hover_body{
	position: relative;
	padding: 5px 10px;
	min-width: 200px;
	z-index: 1000;
	color: #DDDDDD;
	font-family: Tahoma;
	font-size: 12px;
	border: 1px solid #666666;
	background-image: url("/pics/opaque_90.png");
}

	*html .hover_body{
		background-image: none !important;
		background-color: #111111;
	}

	.hover_picture{
		text-align: center;
		margin: 0px auto;
	}

	.hover_picture img{
		width: 56px;
		height: 37px;
		margin-bottom: 5px;
	}

	.hover_name{
		text-align: center;
		font-weight: bold;
		margin-bottom: 8px;
	}

	.hover_content{
		text-align: left;
	}

	.hover_content div{
		margin-bottom: 1px;
	}

.hover_misc{
	position: relative;
	padding: 5px 5px;
	min-width: 50px;
	z-index: 1000;
	color: #DDDDDD;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #666666;
	background-image: url("/pics/opaque_90.png");
}
	.hover_misc_body{
		margin-top: 5px;
		font-weight: normal;
		width: 200px;
	}

span.normal {
	color: auto;}
span.boss {
	color: cyan;}
span.legendary {
	color: purple;}
span.unique {
	color: yellow;}
span.fix {
	color: lime;}
span.enchant {
	color: gold;}
span.buff {
	color: red;}
span.partial {
	color: cyan;}

.bank_item{
	position: relative;
	width: 40px;
	height: 40px;
	background-image: url('/pics/item_mini/empty.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.buff_item, .buff_item_active{
	position: relative;
	width: 106px;
	height: 30px;
	padding: 1px;
	margin: 3px auto;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.buff_item{
	border: 1px solid #90cfd3;
	background-color: #2b3543;
}
	.buff_item_active{
		border: 1px solid #d39090;
		background-color: #432b2b;
	}

	.buff_item:hover{
		border: 1px solid #36aab3;
		background-color: #2e5b99;
	}
	.buff_item_active:hover{
		border: 1px solid #d42424;
		background-color: #782626;
	}
	
	.buff_level_up, .buff_level_down{
		display: none;
		position: absolute;
		width: 13px;
		height: 13px;
		background-repeat: no-repeat;
		background-position: center;
	}

		.buff_level_up{
			right: 1px;
			top: 1px;
			background-image: url('/pics/stat_up_static.png');
		}
		.buff_level_up:hover{
			background-image: url('/pics/stat_up_hover.png');
		}
		.buff_level_down{
			right: 1px;
			bottom: 1px;
			background-image: url('/pics/stat_down_static.png');
		}
		.buff_level_down:hover{
			background-image: url('/pics/stat_down_hover.png');
		}
	
	.buff_image{
		float: left;
		width: 30px;
		height: 30px;
		background-image: url('/pics/item_mini/empty.gif');
		background-repeat: no-repeat;
		background-position: center;
	}

	.buff_body{
		position: relative;
		float: right;
		width: 73px;
	}

		.buff_body .buff_level{
			color: white;
			font-size: 12px;
			text-align: left;
		}
		.buff_body .buff_name{
			color: white;
			font-size: 12px;
			text-align: left;
			white-space: nowrap;
		}