/* for micro.reigngame.com */
html,body { padding:0;margin:0; }
body {
	background:#d7eaee;
	font-size:0.8em;
}

td { font-size:0.8em; }

body,h1,h2,h3,div,span,p,td,fieldset,label,a {
	font-family:"lucinda grande", verdana, helvetica, arial, sans-serif;
}
.tahoma { font-family:tahoma, "lucinda grande", helvetica, arial, sans-serif; }
.lucindafirst, .lucinda { font-family:"lucinda grande", verdana, helvetica, arial, sans-serif; }

table { color:inherit;border-collapse: collapse; }
table td { padding:0; }
img { border:0; }
form { padding:0;margin:0; }

a {
	color:#000000;
}
a:hover {
	text-decoration:none;
}


.ap4 td { padding:4px; }
.ap7 td { padding:7px; }
.ap4 td td, .ap7 td td { padding:auto; }

a:link,a:visited,a { text-decoration:underline; }
a:hover { text-decoration:none; }

.center { /* temp */
	width:100%; /* width:950px; */
	text-align:center;
	margin:0 auto;
}
.centered { /* temp? */
	width:950px;
	text-align:center;
	margin:0 auto;
}
.centered div, .center div { text-align:left; }


/* @ Layout */
#top {
	padding-left:17px;
	padding-right:17px;
	min-width:950px;
	max-width:1550px;
}
#header {
	position:relative;
	background:#0e538c url('/images/layout/top.png') repeat-x left -110px;
	height:55px;
}
#header h1 { position:absolute;top:15;left:0;font-size:14px; }
#header .logo {
	position:absolute;top:0;left:0;
	background:#0e538c url('/images/layout/top.png') no-repeat left top;
	width:400px;height:55px;
}
#header .right {
	position:absolute;top:0;right:0;
	background:#0e538c url('/images/layout/top.png') no-repeat left -55px;
	width:517px;height:55px;
}
#menu {
	position:relative;
	height:29px;
}
#menu .left {
	position:absolute;top:0;left:0;
	background:url('/images/layout/top.png') no-repeat -401px top;
	width:8px;height:29px;
}
#menu .userbar {
	position:absolute;top:2px;left:9px;
	font-family:"lucida grande", "lucida sans unicode", tahoma, Arial;
	font-size:11px;
}
#menu .navigation {
	position:absolute;top:2px;right:9px;
	font-family:tahoma, "lucinda grande", helvetica, sans-serif;
	font-size:12px;
}
#menu .mid {
	background:url('/images/layout/top.png') repeat-x left -165px;
	height:29px;
}
#menu .right {
	position:absolute;top:0;right:0;
	background:url('/images/layout/top.png') no-repeat -410px top;
	width:8px;height:29px;
}
#body { text-align:center; }
#bottom {
	/* background:url('../images/layout/bottombar.png') top left repeat-x; */
	height:69px;min-height:69px;overflow:visible;
	font-size:1.3em;
}



/* @ Menu */
.tc {
	background:url('/images/layout/top.png') no-repeat;
	width:38px;height:22px;
}
.t_watch { background-position:left -203px; }
.t_learn { background-position:-60px -203px; }
.t_play { background-position:-120px -203px;width:31px; }
.t_discuss { background-position:-180px -203px;width:45px; }
.t_sep { background-position:-515px top;width:2px;padding-right:12px;float:left; }
.active { background:url('/images/layout/top.png') -419px top;float:left;padding-left:8px;margin-right:8px;display:block;position:relative; }
.act_right { position:absolute;top:-2px;right:0;background:url('/images/layout/top.png') -513px top;width:1px;height:29px; }
.ic {
	padding-top:7px;float:left;
	padding-left:20px;padding-right:5px;
	background:url('/images/layout/icons.png') no-repeat;
	height:18px;
}
.i_user { background-position:left top; }
.i_alert { background-position:left -25px; }
.i_mail { background-position:left -50px; }
.i_complete { background-position:left -75px; }
.i_watch { background-position:left -100px; }
.i_learn { background-position:left -125px; }
.i_play { background-position:left -150px; }
.i_discuss { background-position:left -175px; }
.i_userprofile { background-position:left -200px; }
.i_usersettings { background-position:left -225px; }
.i_userupgrade { background-position:left -75px; } /* i_complete */
.i_userlogout { background-position:left -250px; }
.i_watchlist { background-position:left -275px; }
.i_watchbrowse { background-position:left -300px; }
.i_watchsearch { background-position:left -325px; }
.i_learntut { background-position:left -350px; }
.i_learnguide { background-position:left -375px; }
.i_learnwiki { background-position:left -400px; }
.i_playmy { background-position:left -425px; }
.i_playjoin { background-position:left -450px; }
.i_playcreate { background-position:left -475px; }
.i_discusschat { background-position:left -500px; }
.i_discussmail { background-position:left -525px; }
.i_discusspals { background-position:left -550px; }
.i_discussforums { background-position:left -575px; }
.submenuitem,.submenuitem:link, .submenuitem:visited { display:block;color:#000000;text-decoration:none;font-size:10px;padding-left:3px;padding-right:3px;border:1px solid #FFFFFF; }
.submenuitem:hover { background-color:#f3fafe;border:1px solid #f3fafe;border-radius:3px; }

.no_float { float:none; }

/*.menus a {
	background-image:url('../images/layout/menu_sprite.png');
	background-repeat:no-repeat;display:block;outline:none;
	height:40px;
	-moz-outline-style: none; //non-standard
}
.menus {
	background-image:url('../images/layout/menu_sprite.png');
	background-repeat:no-repeat;float:left;
	height:40px;
}
#menu_learn { width:64px;background-position:left bottom; }
#menu_learn a { width:64px;background-position:left top; }
#menu_play { width:55px;background-position:-64px bottom; }
#menu_play a { width:55px;background-position:-64px top; }
#menu_watch { width:68px;background-position:-119px bottom; }
#menu_watch a { width:68px;background-position:-119px top; }
#menu_discuss { width:80px;background-position:-187px bottom; }
#menu_discuss a { width:80px;background-position:-187px top; }
.menus a:hover, .learn #menu_learn a, .play #menu_play a, .watch #menu_watch a, .discuss #menu_discuss a {
	background-image:none;
}*/

/* @ Classes, inputs */
.hilite { color:#01d6fe; }
.inputtext {
	border:1px #ddcad4 solid;
	padding:2px;
	font-size:17px;
	height:26px;
	background:#ffffff url('../images/details/input_text_bg.gif') repeat-x;
}
.inputbutton {
	border:1px #ff85e7 solid;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	font-size:17px;
	height:26px;
	font-size:0.8em;
	font-weight:800;
	background:#ffd7f7 url('../images/details/input_button_bg.gif') repeat-x;
}
.mpoint { cursor:pointer; }
.simpleform {
	background-color:#c0c0c0;
	border:1px solid #000000;
	padding:10px;
}
.simpleform label {
	display:block;
	width:100%;
}
#login_form .login {
	font-size:1.5em;
}
#login_form .password {
	font-size:1.1em;
}
#login_form .button {
	width:60%;
	min-width:200px;
}

input, textarea { padding:5px; }
input, textarea, select, label {
	font-family:"lucinda grande", verdana, helvetica, arial, sans-serif;
	font-size:1.5em;
	color:#444444;
}

input, textarea, select {
	background:#d7d2c8;
	border-left: solid 1px #796862;
	border-top: solid 1px #796862;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

input:hover, textarea:hover, select:hover, label:hover {
	font-family:"lucinda grande", verdana, helvetica, arial, sans-serif;
	color:#000000;
}
input:hover, textarea:hover, select:hover { background:#e2ded5; }
.button { padding:0px;background: #FFFFFF; }



#bottom {
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	background:url('../images/layout/footer.png') repeat-x;
	height:36px;
	overflow:hidden;
}
#bottom, #bottom * {
	font-size:13px;
}