body, div, a, input, select, br {
		font-family: monospace;
		font-size: 12px;
	}
	
	.closeButton {
		text-align: center;
		text-decoration: none;
		float: right;
		width: 30px;
		height: 30px;
		margin: 5px;
		color: #fff;
		border-color: solid 1px #fff;
		font-weight: bold;
		box-shadow: 1px 1px 1px #436;
	}
	a.closeButton {
		background: #f00;
		border-color: solid 1px #fff;
	}
	a.closeButton:hover {
		background: #900;
		border-color: solid 1px #fff;
	}

	.button {
		text-align: center;
		text-decoration: none;
		float: right;
		width: 55px;
		height: 55px;
		margin: 4px;
		overflow: hidden;
		box-shadow: 1px 1px 1px #436;
	}
	a.button {
		background: #ccc;
	}
	a.button:hover {
		background: #f90;
	}

	a.openButton {
		visibility: hidden;
		display: block;
		background: rgba(128, 255, 129, 0.5);
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		box-shadow: 1px 1px 1px #436;
	}
	a.openButton:hover {
		background: #900;
	}

	.openButton_top {
		position: absolute;
		top: 5px;
		left: 385px;
		float: left;
		width: 30px;
		height: 30px;
	}

	.openButton_left {
		position: absolute;
		top: 215px;
		left: 5px;
		float: left;
		width: 30px;
		height: 30px;
	}

	.openButton_output {
		position: absolute;
		top: 215px;
		left: 5px;
		float: left;
		width: 30px;
		height: 30px;
	}

	.openButton_right {
		position: absolute;
		top: 215px;
		left: 765px;
		float: left;
		width: 30px;
		height: 30px;
	}

	.openButton_bottom {
		position: absolute;
		top: 415px;
		left: 385px;
		float: left;
		width: 30px;
		height: 30px;
	}

	#gameframe {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: none;
		visibility: hidden;
		overflow: hidden;
	}

	#editorframe {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: block;
		border: 0px;
		overflow: hidden;
	}

	#editor_capture_events_layers {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: block;
		border: 0px;
		overflow: hidden;
	}

	#hidden_canvas {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		visibility: hidden;
		border: 0px;
	}

	#editor_background_image {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: block;
		border: solid 0px transparent;
		background: transparent;
		border-radius: 0px;
	}

	#editor_canvas {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: block;
		border: 0px;
		background: transparent;
		border-radius: 0px;
	}

	#editor_object_layer {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: block;
		border: solid 1px transparent;
		border-radius: 0px;
	}
	
	#editor_dialog_layer {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 450px;
		display: block;
		border: solid 1px transparent;
		border-radius: 0px;
	}

	#editor_sidebar_bottom_object {
		display: none; 
		visibility: hidden; 
		border: 0px;
	}

	#editor_sidebar_bottom_slide {
		display: none; 
		visibility: hidden; 
		border: 0px;
	}

	#editor_sidebar_top {
		position: absolute;
		top: 0px;
		left: 100px;
		width: 600px;
		height: 35px;
		display: block;
	}

	#editor_sidebar_bottom {
		position: absolute;
		top: 350px;
		left: 100px;
		width: 600px;
		height: 100px;
		display: block;
	}

	#editor_sidebar_left {
		position: absolute;
		top: 5px;
		left: 0px;
		width: 95px;
		height: 440px;
		display: block;
	}

	#editor_sidebar_right {
		position: absolute;
		top: 5px;
		left: 705px;
		width: 95px;
		height: 440px;
		display: block;
	}

	.editor_sidebar_center {
		position: absolute;
		top: 45px;
		left: 100px;
		width: 600px;
		height: 300px;
		display: none;
		overflow: hidden;
	}

	#editor_sidebar_top_uid {
		float: left;
		height: 22px;
		width: 65px;
		margin: 3px;
	}
	#editor_sidebar_top_title {
		float: left;
		height: 22px;
		width: 300px;
		margin: 3px;
	}
	#editor_sidebar_top_length {
		float: left;
		height: 22px;
		width: 65px;
		margin: 3px;
	}
	#editor_sidebar_top_metadata {
		float: left;
		height: 22px;
		width: 90px;
		margin: 3px;
	}

	#editor_sidebar_center_uid {
		float: left;
		height: 22px;
		width: 65px;
		margin: 3px;
	}
	#editor_sidebar_center_title {
		float: left;
		height: 22px;
		width: 300px;
		margin: 3px;
	}
	#editor_sidebar_center_length {
		float: left;
		height: 22px;
		width: 65px;
		margin: 3px;
	}
	#editor_sidebar_center_metadata {
		float: left;
		height: 22px;
		width: 90px;
		margin: 3px;
	}
	#editor_sidebar_center_removetext {
		float: left;
		height: 22px;
		width: 250px;
		margin: 3px;
	}
	#editor_sidebar_center_addtext {
		float: left;
		height: 22px;
		width: 250px;
		margin: 3px;
	}

	#editor_sidebar_center_texts_box {
		position: absolute;
		top: 60px;
		left: 5px;
		width: 590px;
		height: 235px;
		overflow-Y: scroll;
		overflow-x: none;
	}

	.editor_text_box_edit_text {
		float: left;
		width: 250px;
		height: 22px;
		margin: 3px;
	}

	.editor_text_box_select_target {
		float: left;
		width: 220px;
		height: 22px;	
	}

	.editor_text_box_textarea {
		float: left;
		width: 550px;
		height: 52px;
		overflow-Y: scroll;
		overflow-X: none;	
	}

	#select_dialog_target_box{
		float: left;
		width: 22%;
		height: 65%;
		margin: 3px;		
		display: none;
		visibility: hidden;
	}

	#select_dialog_object_box {
		float: left;
		width: 22%;
		height: 65%;
		margin: 3px;		
		display: none;
		visibility: hidden;
	}

	.select_dialogObjects {
		width: 90%;
		height: 25px;
		margin: 4%;
	}

	.dialog_textarea_edit {
		float: left;
		width: 540px;	
		height: 52px;
		overflow-Y: scroll;
		overflow-x: none;
		margin: 3px;		
	}

	.dialog_text_box {
		float: left;
		width: 550px;
		margin: 3px;	
	}

	#output {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800px;
		height: 55px;		
		overflow: auto;
	}
	
	#output_box {
		position: absolute;
		top: 450px;
		left: 0px;
		width: 800px;
		height: 55px;		
		overflow: hidden;
	}
	
	#close_output_box {
		position: absolute;
		top: 90%;
		left: 45%;	
	}
	
	#pre {
		position: absolute;
		top: 505px;
		left: 0px;
	}

	.active { font-weight: bold;}
	.inactive { font-weight: normal;}

	div { 
		border: solid 1px #999;
		background: transparent;
		border-radius: 12px;
	}
	textarea,input,a,select {
		border: solid 1px #999;
		border-radius: 12px;
	}
	body {
		background: #333;
	}

	.overview_slide_box {
		box-shadow: 10px 10px 15px rgba(102, 81, 123, 0.5);
		background: #eee;
		text-align: center;
	}

	/*user data box*/
	#user_data_box {
		border: solid 1px #999;
		border-radius: 14px;
		background: rgba(205,205,205,0.7);
		width: 70%;
		height: 55%;
		position: absolute;
		top: 15%;
		left: 15%;
		display: none;
	}

	#user_data_members {
		border: solid 1px #999;
		border-radius: 14px;
		background: rgba(250, 250, 255,0.7);
		width: 96%;
		height: 25%;
		position: absolute;
		top: 3%;
		left: 2%;
	}

	.user_data_member { 
		
		height: 100%;
		
	}

	.user_data_memberPhoto {
		border-radius: 14px;
		/*width: 98%;*/
		height: 90%;
		margin: 0.5%; 
		margin-right: 0%;
	}

	#user_data_profile_box {
		border: solid 1px #999;
		border-radius: 14px;
		background: rgba(250, 250, 255,0.7);
		width: 47%;
		height: 66%;
		position: absolute;
		top: 31%;
		left: 2%;
	}

	#user_data_profile {
		width: 80%;		
		position: absolute;
		top: 30%;
		left: 10%;
	}

	#user_data_activities_box {
		border: solid 1px #999;
		border-radius: 14px;
		background: rgba(250, 250, 255,0.7);
		width: 47%;
		height: 66%;
		position: absolute;
		top: 31%;
		left: 51%;
	}

	#user_data_activities {
		width: 98%;
		height: 90%;
		position: absolute;
		top: 5%;
		left: 1%;
		overflow: auto;
	}

	.user_data_item {
		background: rgba(254,254,254,0.7);
		padding: 2%;
		margin-bottom: 1%;
		width: 96%;
	}

	.user_data_item a {
		border: 0px;
	}

::-webkit-scrollbar {
    width: 12px;
	height: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(204,204,204,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(204,204,204,0.4); 
}