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 }
li { list-style-type:none; }
/* 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; left:20px;}
#head #headFlash {
 position: absolute; 
 right:100px;
 z-index:1;
}

#head #logo {
   width: 224px;
   height: 70px;
	top: 2px;
   margin: 10px 30px 30px 50px;   
  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);
 z-index:2;
}

#cpanel_list {
  position:absolute;
  top:100px;
  border-top: 1px #57301b solid;
}
#cpanel_list li {
 list-style-type:none;
 display: inline;
 font-size: 13px;
 position:relative;
 float:left; 
 display:block;
 padding: 2px 3px 1px 18px;
 cursor:pointer;
 color: #e88540;
}
#loginCP { background: url(images/icon_login.png) 2px 2px no-repeat; }
#serverInfo { background: url(images/icon_status.png) 2px 4px no-repeat; }
#topHero{ background: url(images/icon_type.png) 2px 2px no-repeat; }
#topGuild { background: url(images/icon_date.png) 2px 4px 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 .left {
float: left;
}
#body #content #content_l {
 width: 200px;
 min-height: 334px;
 background: url(images/content_05.jpg) 0 0 no-repeat;
}

#body #content #content_m {
 width: 540px;
 padding: 0 2px;
}

#body #content #content_r {
 width: 188px;
 overflow:hidden;
 min-height: 334px;
 padding-left: 8px;
 background: url(images/content_07.jpg) 0 0 no-repeat;
}

#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;
}
#content_r_list li  { text-align:center; }
#topnav_m .menu { position: relative; z-index:10; }
#topnav_m .menu li {
 float: left;
 margin-right:5px; 
 list-style-type: none;
 font-size: 13px;
 padding: 1px 4px;
 z-index:3;
}

#topnav_m .active,#topnav_m .activated { background-color: #411f14 !important;   -webkit-border-radius: .5em; -moz-border-radius: .5em; }
	#topnav_m a.activated ,#topnav_m a .active ,#topnav_m .active,#topnav_m .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; width:600px; color: #eee; float:left;}
#loginpanel_ul li { width: 190px; float:left;  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; }
	.bt_logout { float:right; margin:10px; height:40px; color:#f23; background:#121212; border:1px outset #000; cursor:pointer; }
	#loginpanel { display:none; width:600px;}
	#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; position:relative;}
#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: 100px;clear: both; float:left; 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;}
	/* vault */
#dialog_left ul.vaultitems li { display:block; clear:both; cursor:pointer; }
.EXL { background: #2FF387; color: #000; }
.hover { padding-left:10px; }
.itemthumb { right:40px; clear:both; float:right; position:absolute;  }
	
/* 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; border-bottom:1px solid #170c08; }

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;}



#faronniaBar {
	z-index: 99999;
	height: 28px;
	position: absolute;
	opacity: 0.6;
	background: url(images/navbg.png) 0 0 repeat-x;
	width:100%;  
   	border-bottom:1px #57301b solid;
}
#faronniaBar #rightSide { float:right;overflow:hidden;color:#f9d234; }
#faronniaBar #rightSide ul li div .goog-te-combo  { margin:0px;margin-top:-4px; padding:0px; overflow:hidden; vertical-align:top; background:#000; border:0px solid #57301b; color: #fff;}
#faronniaBar #rightSide ul li div .goog-te-combo option { color: #fff; padding:1px 4px; margin:2px; border:1px solid #57301b;  }
#faronniaBar #leftSide ul li,#faronniaBar #rightSide ul li { height:15px; display: block; 
	font-size: 12px;
	float: left; 
	list-style-type: none; 
	margin: 5px 10px 4px 0px; 
	padding-top:0px; 
	padding-right:10px; 
	border-right: 1px #57301b solid;
		text-align:center; }
#faronniaBar #leftSide ul li a:hover { text-decoration: underline; }
#faronniaBar #leftSide ul li div { 
	opacity: 0; display:none;
	margin-top:0px;
	background: #121212; padding: 10px;
	border-right: 1px #57301b solid;
	border-left: 1px #57301b solid;
	border-bottom: 1px #57301b solid;
	color:#fff;
 }
#faronniaBar #playermp3 object { z-index:0; }
#faronniaBar #playermp3 span { float:left; position: relative; height:22px; overflow: hidden; margin-top:-4px;}
#serverCheck .totalonline  * { margin: 0 auto; display:block;color: #fff;  width: 100px; text-align:center;}
#serverCheck .totalonline  b { }
#serverCheck .totalonline  label { background: #232;  font-size:11px; }

#serverCheck ul { margin-left:2px;  }
#serverCheck ul li {margin:2px 0px;  background:#100100;float:left; width:100%; display:block; }
#serverCheck ul li label { color:#888; float:left; font-size:12px; padding:1px 2px; margin:2px 0px;}
#serverCheck ul li b { text-align:center; font-size:12px; padding:1px 2px; color:#000; margin:2px 2px; display:block; float:right; width:30%; }
#serverCheck ul li b.up { background: #d8a259;  }
#serverCheck ul li b.up dd { background: #000; display:block; float:right; padding: 0 2px; color: lightgreen; text-decoration: none; font-weight:none;  }
#serverCheck ul li b.down {background: #3e170c; color:#666; }
#serverCheck h5,#serverCheck h4 {  clear:both;font-size:12px; text-align:center; display:block; width:98%; background: #121212; color:#d8a259; margin: 3px 0px; padding:1px 3px; border-bottom:1px #6a3811 solid; border-top:1px #6a3811 solid; }
#serverCheck .expand { color:#fff; height:14px; clear:both; }

/* mutoolz */
#page-flip { position:absolute; right:0; top:27px; float:right;  }
#page-flip-image { width:52px; height:52px; z-index:99999;  position:absolute; right:0px; top:0; -ms-interpolation-mode:bicubic; }
#page-flip-message { width:50px; height:50px; overflow:hidden;  z-index:99998; position:absolute; right:1px; top:0; background:url(http://www.mmowebs.com/mutoolz/mutoolz.png) no-repeat right top; }

#castlesiegeBlock { position:relative; background: url(images/layout/castlesiege.jpg) 0 0 no-repeat; width:194px; height:200px; margin-left:-3px; }
#castlesiegeBlock #emblem { position:absolute; top:13px;left:16px; }
#castlesiegeBlock div { color:#fff; font-size:14px; font-weight:bold;text-shadow: #000 2px 2px 2px; }
#castlesiegeBlock div a:hover { color:red; }
#castlesiegeBlock #g_name,#castlesiegeBlock #g_master {width:96px; position:absolute;  margin-right:20px; text-align:center; }
#castlesiegeBlock #g_name { top: 80px; left:0px; }
#castlesiegeBlock #g_master { top:80px; left:96px; }
#castlesiegeBlock label { opacity:0.6; display:block; border:1px solid #444; margin:0 auto;width:80px;background:#111;font-size:11px; color:#f47f28; clear:both;  padding:1px 3px; }
#castlesiegeBlock #csBox { position: absolute; top:140px; left:0px; width:100%;  color: #fff; }
#castlesiegeBlock #csBox dd  { clear:both; display:block; background: #121212; font-size:12px;  padding:1px 2px; color:#aaa; text-align:center; margin:0 10px; }
#castlesiegeBlock #csBox ul#countdown  { float:left;clear:both; margin-left:6px; }
#castlesiegeBlock #csBox ul#countdown li { float:left; margin:2px 4px; text-align:center; }
#castlesiegeBlock #csBox ul#countdown li label { width:100%; padding:1px 1px; font-size:10px; } 
ul#castlesiegeLinks li { cursor:help; float:left; width:46%; text-align:center; margin: 0px 2px; padding:1px 0px;background:#111; font-size:11px; }
#CSregister ul { border:1px solid #555; position: absolute; margin-left:90px; display:none; margin-top:-12px; padding:2px;  background:#333; color:#fff; }
#CSregister ul li { background:none !important; float:none; margin:2px; }