/***** BASE LAYOUT *****
************************/
body, html{
	padding:0; margin:0;
	width:100%; height:100%;
	color:white;
	font: normal 10pt arial, sans-serif;
}
img{ border:0; }
.floatbreaker{ clear:both; }
.floatleft{ float:left; }
.floatright{ float:right; }
table{ empty-cells:show;}

h1{
	padding:0; margin:0;
	font-size: 20pt;
	font-weight:bold;
}
h2{
	padding:0; margin:0;
	font-size: 18pt;
	font-weight:bold;
}
h3{
	padding:0; margin:0;
	font-size: 16pt;
	font-weight:bold;
}
h4{
	padding:0; margin:0;
	font-size: 14pt;
	font-weight:bold;
}

big{ font-size:140%; }

textarea, select{
	border: 1px solid #FCCB1F;
	color: #c5c5c5;
	background-color: #5C5C5C;
	overflow-y:scroll;
	font: normal 10pt arial, sans-serif;
}

a{ color:#FCCB1F; font-decoration: underline;}
a:hover{ color:#ffe880; }

.content_container{ 
	padding: 5px 10px 10px 10px;
	min-width:0; /* peekabooooo */
}

ul,ol{
	margin-top:5px;
	margin-bottom:10px;
	padding-left:30px;
	*padding-left:0px;
	*margin-left:35px;
}

/**** WIDGETS ******
*******************/

.inputbar, .inputbar .cap{
	background: #313131 url("inputbar.png") no-repeat;
	font-family: times new roman; /* hack for safari... the height difference between fonts are different */
	display:inline-block;
}
.inputbar.gray, .inputbar.gray .cap{
	background-color: #7A7A7A;
	font-family: times new roman; /* hack for safari... the height difference between fonts are different */
}
.inputBlank{ font-style: italic; color: #c5c5c5; }
.inputbar{
	background-position:right 0;
	padding-right: 9px;
	margin: 0 2px 0 2px;
	height:21px;
}
.inputbar input{
	border: 0px;
	height: 17px;
	background: transparent;
	color: #c5c5c5;;
	font: 11pt arial;	
}
.inputbar .cap{
	background-position:left top;
	width:9px;
	height:21px;
	display:block;
	float:left;
}
.inputbar.disabled{ background-position:right -21px; }
.inputbar.disabled .cap{ background-position:left -21px; }
.inputbar .inputblank, .inputbar.disabled .inputblank{ font-style: italic; }


/**** BUTTONS *****
*******************/

.button_checkoutmetaplace{
	background: transparent url('button_checkoutmetaplace.png') no-repeat center top;
	width:145px; height:24px;
	display:block;
	border-right:1px solid #333333;
}
.button_checkoutmetaplace:hover{ background-position: center bottom; }

.button_visitmpcentral{
	background: transparent url('button_visitmpcentral.png') no-repeat center top;
	width:139px; height:24px;
	display:block;
	border-right:1px solid #333333;
}
.button_visitmpcentral:hover{ background-position: center bottom; }

.button_fullscreen{
	background: transparent url('button_fullscreen.png') no-repeat center top;
	width:86px; height:23px;
	display:block;
}
.button_fullscreen:hover{ background-position: center bottom; }

.button_help{
	background: transparent url('button_help.png') no-repeat center top;
	width:45px; height:23px;
	display:block;
}
.button_help:hover{ background-position: center bottom; }

.button_logout{
	background: transparent url('button_logout.png') no-repeat center top;
	width:61px; height:23px;
	display:block;
}
.button_logout:hover{ background-position: center bottom; }

.button_tos{
	background: transparent url('button_tos.png') no-repeat center top;
	width:37px; height:23px;
	display:block;
}
.button_tos:hover{ background-position: center bottom; }

.button_enterthisworld{
	background: transparent url('button_enterthisworld.png') no-repeat left top;
	width:375px; height:46px;
	display:block;
}
.button_enterthisworld:hover{ background-position: left bottom; }

.button_enterthisworld_sm{
	background: transparent url('button_enterthisworld_sm.png') no-repeat left top;
	width:281px; height:34px;
	display:block;
}
.button_enterthisworld_sm:hover{ background-position: left bottom; }

.button_close{
	background: transparent url('button_close.png') no-repeat left top;
	width:84px; height:39px;
	display:block;
}
.button_close:hover{ background-position: left bottom; }

.button_signup{
	background: transparent url('button_signup.png') no-repeat left top;
	width: 127px; height: 31px;
	display:block;
}
.button_signup:hover{ background-position: left bottom; }

.button_login{
	background: transparent url('button_login.png') no-repeat left top;
	width: 91px; height: 31px;
	display:block;
}
.button_login:hover{ background-position: left bottom; }

.button_submit{
	background: transparent url('button_submit.png') no-repeat left top;
	width: 36px; height: 36px;
	display:block;
}
.button_submit:hover{ background-position: left bottom; }


/******* SPECIAL LAYOUTS *********
*********************************/



.portal_white_frame{
	background: transparent url('white_frame.png') no-repeat 0 0;
}
.portal_white_frame.table{
	empty-cells:show;
	width:100%;
	table-layout: fixed;
	background-image: none;
}
.portal_white_frame.top_left{
	width:10px; height:8px;
	background-position: top left;
}
.portal_white_frame.top_left_right{
	height:8px;
	background-position: -10px 0px;
}
.portal_white_frame.top_right_left{
	width:10px; height:8px;
	background-position: -979px 0px;
}
.portal_white_frame.top_right{
	width:10px; height:8px;
	background-position: top right;
}
.portal_white_frame.top_left_bottom{
	width:10px;
	background-position: 0px -8px;
}

.portal_white_frame.content{
	background-color: #313131;
	background-image: none;
	color: white;
}

.portal_white_frame.top_right_bottom{
	width:10px;
	background-position: right -8px;
}
.portal_white_frame.bottom_left_top{
	width:10px; height:10px;
	background-position: left -1975px;
}
.portal_white_frame.bottom_right_top{
	width:10px; height:10px;
	background-position: right -1975px;
}
.portal_white_frame.bottom_left{
	width:10px; height:13px;
	background-position: bottom left;
}
.portal_white_frame.bottom_left_right{
	width:10px; height:13px;
	background-position: -10px -1985px;
}
.portal_white_frame.bottom_right_left{
	width:10px; height:13px;
	background-position: -979px -1985px;
}
.portal_white_frame.bottom_right{
	width:10px; height:13px;
	background-position: bottom right;
}
.portal_white_frame.white{ background-color:#313131; background-image: none; }




.dialog_bubble{ background: transparent url('dialog_bubble.png') no-repeat 0 0; }
.dialog_bubble.bottom_left{
	position: relative;
	background-position: bottom left;
	padding:0;
	min-width:0; /* peekabooooo */
	margin-top:8px;
}
.dialog_bubble.top_right{
	margin-left: 10px;
	background-color: black;
	background-position: top right;
}
.dialog_bubble.bottom_right_cap{
	width: 10px; height: 10px;
	float:right;
	margin-top:-5px;
	background-color: black;
	background-position: bottom right;
}
.dialog_bubble.top_left_cap{
	width: 10px; height: 10px;
	float:left;
	background-color: black;
	background-position: top left;
}
.dialog_bubble_contentarea{
	padding-top: 5px;
	margin-right: 10px;
	padding-bottom: 5px;
	min-width:0; /* peekabooooo */
	
	color: #5C5C5C;
	font-style: italic;
	font-size:9pt;
}
.dialog_bubble_spout{
	float:left; 
	margin-top:-9px; 
	margin-left: 5px; 
	margin-right: 0px;
}





.popup_topleft{
	width:20px; height:16px; background: transparent url('popup_window_bg.png') no-repeat top left;
}
.popup_topright{
	height:16px; background: transparent url('popup_window_bg.png') no-repeat top right;
}
.popup_left{
	width:20px; background: transparent url('popup_window_bg.png') no-repeat left -16px;
}
.popup_right{
	padding-right:20px; background: transparent url('popup_window_bg.png') no-repeat right -16px;
}
.popup_bottomleft{
	width:20px; height:24px; background: transparent url('popup_window_bg.png') no-repeat bottom left;
}
.popup_bottomright{
	height:24px; background: transparent url('popup_window_bg.png') no-repeat bottom right;
}



.attention { color: red; font-size: 85%; }