body {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:14px;color: #57301b; background: #000 url(images/background.jpg) top center no-repeat;  text-align:left;}
* { margin: 0px;padding: 0px;  outline: none;}
img { border:0px; }
a, a:active,a:visited { color: #e88540; text-decoration:none;}
a:hover { #57301b }

/* effects */
.sbox01 {
 -webkit-border-radius: .5em; -moz-border-radius: .5em;
 -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; 
}
.sbox02 {
 -webkit-border-radius: .5em; -moz-border-radius: .5em;
 -webkit-box-shadow: 0px 0px 5px #fff; -moz-box-shadow: 0px 0px 5px #fff; box-shadow: 0px 0px 5px #fff; 
}
/* end effects */
#wrapper {margin: 0 auto;width: 1000px;}
#head {height: 320px; position:relative;}

#head #logo {
   width: 224px;
   height: 70px;
	top: 100px;
   margin: 10px 30px 30px 120px;   
  position: absolute;
}
/* control panel */
#head #controlpanel {
 float: right;
 width: 400px;
 height: 120px;
 overflow: hidden;
 margin: 180px 80px 30px 100px; 
 border: 1px solid #000;
 padding: 4px;
 position:relative;
 background: url(images/gran_01.png);
}

#cpanel_list {
  position:absolute;
  top:100px;
  border-top: 1px #57301b solid;
}
#cpanel_list li {
 list-style-type:none;
 display: inline;
 font-size: 13px;
 padding: 1px 3px 1px 15px;
 cursor:pointer;
 color: #e88540;
}
#loginCP { background: url(images/icon_login.png) 0 0 no-repeat; }
#serverInfo { background: url(images/icon_status.png) 0 2px no-repeat; }
#topHero{ background: url(images/icon_type.png) 0 0 no-repeat; }
#topGuild { background: url(images/icon_date.png) 0 2px no-repeat; }

/* top 5 chars */
.ranklabel { width: 150px; margin-top:2px;color: #dfb574}
.ranklabel img {
 float:left;
 width: 60px;
 display:block;
 height: 72px;
 margin-right:4px;
  -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; 
}
.ranklabel .cname { font-weight: bold; color: #e88540; }
.ranklabel .level { font-size:10px; }
.ranklabel .level b { font-size:12px; }
/* control panel end */
#body #topnav {
  height: 54px;
  width:1000px;
  overflow:hidden;
}
#body #topnav div {
 float:left;
 height: 54px;
} 
#topnav #topnav_l {
 background: url(images/topnav_l.png) 0 0 no-repeat;
 width: 37px;
}
#topnav #topnav_m {
 background: url(images/topnav_m.png) 0 0 repeat-x;
 width: 907px;
 overflow: hidden;
 padding: 13px 0px 0px 5px;
}
#topnav #topnav_r {
 background: url(images/topnav_r.png) 0 0 repeat-x;
 width: 51px;
}
#break {
 clear:both;
 width:1000px;
}
#body #content {
overflow:hidden; 
width:1000px;
 padding:0px 22px; 
 background: url(images/body_02.png) 0 0 repeat-y;
}
#body #content div {
float: left;
}
#body #content #content_l {
 width: 200px;
 min-height: 334px;
 background: url(images/content_05.jpg) 0 0 no-repeat;
}
#content_l_list li {
 list-style-type:none;
}
#body #content #content_m {
 width: 540px;
 padding: 0 2px;
}
#body #content #content_m ul,#body #content #content_m ol {
	margin-left: 14px;
}
#body #content #content_r {
 width: 188px;
 overflow:hidden;
 min-height: 334px;
 padding-left: 8px;
 background: url(images/content_07.jpg) 0 0 no-repeat;
}
#content_r_list li {
 list-style-type:none;
}
#body #content #content_tree {
 height: 80px;
 width: 100%;
  background: url(images/tree_03.jpg) 0 0 no-repeat;
  
}
#content_tree .nav {
 padding: 20px 5px 27px 88px;
 font-size:12px;
 background: url(images/Muonline.png) 36px 12px no-repeat;
}
#body #footer {
 max-height:173px;
 height:103px;
 padding:50px 0px 0px 50px ;
 background: url(images/footer_04.jpg) 0 0 no-repeat;
}

#body #footer #texts {
 font-size: 11px;
}


#topnav_m .menu li {
 float: left;
 margin-right:5px; 
 list-style-type: none;
 font-size: 13px;
 padding: 1px 4px;
}

.active,.activated { background-color: #411f14 !important;   -webkit-border-radius: .5em; -moz-border-radius: .5em; }
	a.activated ,a .active ,.active,.activated{ color:red !important; }
	
	#cpanelss { width: 100%; }
	#cpanelss li { float: left; list-style-type: none;}
	.get-started-content { margin:0px; padding:0px;}
	.left { float: left; }

	#controlpanel h3 { display: inline; color: #f9d234;}
	#controlpanel small,#controlpanel .small { text-transform: uppercase; font-size: 8px; color: #444; }

	/* user cp */
	#LoginBox input[type=text],#LoginBox input[type=password] {
		-webkit-border-radius: .5em; -moz-border-radius: .5em; background-color: #411f14 !important; 
		border: 1px solid #000; opacity: 0.8;
		padding: 2px 4px;
		margin-bottom: 2px;
		font-size:12px;
		color: #fff;
		width: 160px;
		float: left;	
	}
	#LoginBox input[type=submit] {
		background: #000;
		color: #fff;
		font-size:12px;
		-webkit-border-radius: .5em; -moz-border-radius: .5em; 
		border: 2px solid #411f14;
	}
	#LoginBox input[type=submit]:hover {
		background: #444;
	}
	#LoginBox label {
		text-transform: uppercase;
		display: block;
		width:80px;
		line-height:14px;
		padding:2px 4px;
		float: left;
		clear:both;
		font-size: 12px;
		color: #dfb574;
	}
	#loginpanel_ul { cursor:pointer;font-size:9px; color: #eee;}
#loginpanel_ul li { width: 200px;  background: url(pages/usercp/images/active.png) -150px 10px no-repeat; }
#loginpanel_ul li img { width:54px; margin:1px 3px; }
#loginpanel_ul li h3 {  display:block; }
	#logout { float:right; margin-left:20px;  }
	#loginpanel { display:none; width:500px;}
	#loginpanel,#loginform { height: 120px; }

/* modal */
.generic_dialog { height:0; left:0; overflow:visible; position:fixed; /*dw*/ top:0; width:100%; z-index:101; }
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }
.generic_dialog .generic_dialog_popup {overflow:visible; position:relative; }
.generic_dialog div.dialog_loading 		{ background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }

#dialog_body .dialog_content_body { padding-bottom:13px; } 
#dialog_body .form_label { padding-right:5px; }
.dark_dialog_overlay { background-image:url(images/facebook-overlay.png); background-repeat:repeat; }
* html .dark_dialog_overlay { background-color:transparent; background-image:url(images/blank.gif); }
.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; } 
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }
td.pop_topleft { background:transparent url(images/sprite.png) no-repeat scroll 0 0; }
td.pop_topright { background:transparent url(images/sprite.png) no-repeat scroll 0 -10px; }
td.pop_bottomleft { background:transparent url(images/sprite.png) no-repeat scroll 0 -20px; }
td.pop_bottomright { background:transparent url(images/sprite.png) no-repeat scroll 0 -30px; }
td.pop_top, td.pop_bottom { background:transparent url(images/sprite.png) repeat-x scroll 0 -40px; }
td.pop_side { background:transparent url(images/sprite.png) repeat-y scroll -10px 0; }
td.pop_content { background-color:white; direction:ltr; padding:0; }
.pop_dialog_rtl td.pop_content { direction:rtl; }
td.pop_content h2.dialog_title { background:#690c0c none repeat scroll 0 0; border:1px solid #a40505; color:white; font-size:16px; font-weight:bold; margin:0; padding:3px; }
td.pop_content h2.dialog_loading { background:#690c0c url(images/facebook-indicator_white_small.gif) no-repeat scroll 400px 10px; padding-right:40px; }

td.pop_content h2 span { display:block; padding:4px 10px 5px; }
td.pop_content .dialog_content { background:#121212 none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }
td.pop_content .dialog_summary { background:#111 none repeat scroll 0 0; border-bottom:1px solid #444; padding:6px 10px; }
td.pop_content .dialog_buttons { background:#222 none repeat scroll 0 0;border-top:1px solid #444;margin-top:2px; padding:3px; text-align:right; }
td.pop_content .dialog_buttons input { margin-left:5px; }
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }

#dialog_body #dialog_left { float:left; margin-right:5px;width:250px; }
#dialog_body #dialog_right { background: #212121; float:left; padding-bottom:5px; width:250px; padding:2px; }
#dialog_body #dialog_right span {float: left; margin-left:10px; padding:0px; margin:2px 2px; }
#fb-modal li { list-style-type: none; margin-left:4px; }
#dialog_body #dialog_right .label { clear:both; text-transform: uppercase; float: left; width: 110px; padding:2px; margin:2px; background: #444;}
#dialog_body #dialog_left .label { width: 110px; padding:2px; margin:2px; background: #444;}
#dialog_body #dialog_left  span { float:left; margin-left:10px; padding:2px; margin:2px; border-bottom: 1px dotted #444;}

#dialog_body h2,#dialog_body legend { margin: 2px;  padding: 1px; border-left: 4px solid #690c0c;}
#dialog_body h2 small { font-size:10px;  color: #880000;}
#fb-modal	{ display:none; font-size:10px; color: #fff; }
#fb-close	{ cursor:pointer; }
.info		{ width:280px; float:left; font-size:11px; color:#666; }
.info b	{ color:#000; }
.image	{ width:200px; float:left; margin-right:10px; }

/* hero panel */
.inputbutton,
.inputsubmit{padding:2px 15px 3px 15px;border-style:solid;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:#d9dfea;border-left-color:#d9dfea;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;background-color:#333;color:#fff;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;text-align:center}

#dialog_left img.hero_img { padding: 4px 5px; height: 42px; width: 30px; display:block; }
#dialog_left .hero_name {   font-size:14px; margin: 0px 0px 0px 44px; color:#ff301b;}
#dialog_left .hero_div {  width: 250px;  height: 52px;  background: url(pages/usercp/images/heroesbg.png) -100px 0px no-repeat;  cursor: pointer; }
#dialog_left .hero_div span { border-bottom:1px solid #fff; font-size:9px;  width: 170px;}
#dialog_body .right  { margin-left:84px; }
#dialog_right legend b { font-size:14px;}
#dialog_body #dialog_right span input.statsadd { width:60px; }
#dialog_right fieldset { clear:both; }
#dialog_right input[type=text],#dialog_right input[type=password] { padding:0px 2px;margin:0px; background: #444; color: #fff; border:1px solid #880000; width:100px; }
#dialog_right fieldset span b { width: 30px; padding:2px; display:block; float: left; }
#dialog_right input[type="button"],#dialog_right input[type="submit"] {  padding:0px; background: #444; color: #fff; border:1px solid #880000;}
#dialog_right input[type="button"]:hover,#dialog_right input[type="submit"]:hover { background: #222;}
#dialog_right input[type="button"][disabled]:hover { background: #444;}
#dialog_right input[type="button"][disabled] { padding:0px 4px; margin:0px; font-size:9px; border:0px; background: #444; color: #ddd; }
#dialog_right input[type="image"] { float:left; clear:both; }
/* paypal */
#dialog_right .paypal {  background: url(images/icon_rake.gif) 0 4px no-repeat;  padding-left:12px;   clear:both;  width: 200px;}
	
	
/* server stats */
	.sslabel { text-align: center; }
	.sslabel label { display: block; background-color: #444; color: #000; margin:0 2px; width:100px;}
	.sslabel div { color: #dfb574;}
#content h3 { margin-bottom: 4px; }

h4 { margin-top:10px; font-size:18px; color: #fff; border-bottom: 1px dotted #57301b; }


#latestTweet { font-size:12px; }
#latestTweet h3 { background: url(images/twitter_logo.png) 0 0 no-repeat; padding-left: 35px; height: 20px;padding-top:14px; }
#latestTweet .tweet_list li { margin-bottom: 2px; padding-bottom:4px; border-bottom: 1px dotted #111; float:left;}