@import url('https://fonts.googleapis.com/css?family=Caveat|Gaegu');

#button {
	
}
#div_sceneloader {
	height: 420px;
    width: 480px;
}

/* Chat msg style */

/*playcards*/
.c_pcd_r {
	font-size:11px;  
	border: 1px solid #888; 
	padding: 1px;
	border-radius: 4px;	
	background-color: #efede1;
	color: red;
}

.c_pcd_b {
	font-size:11px;  
	border: 1px solid #888; 
	padding: 1px;
	border-radius: 4px;	
	background-color: #efede1;
	color: black;
}

/* Chat and scene */


#chatHeadInfo {
	clear: both;
}
#sceneStatsInfo {
	clear: both;
}
#msg { 
	margin-left: 5px;
	width: 89%;
	-webkit-box-shadow: 3px 1px 11px 6px rgba(255,170,0,0.8);
	-moz-box-shadow: 3px 1px 11px 6px rgba(255,170,0,0.8);
	box-shadow: 3px 1px 11px 6px rgba(255,170,0,0.8);
  word-break: break-all; 
}
#msg::placeholder {
  color: #aaa;
  opacity: 0.7; 
}

/*
#button {
	width: 7%;
	position: absolute;
	right: 0px;
	top: 0px;
}
*/
#livechat {
	text-align: left;
	padding-bottom: 15px;
}
.playerlistcolumns {
	font-size: 10px;
}
#playerlist{
	xxwidth: 100%;
}
.playernamelistitem {
	float: left;
	margin: auto;
}
#chatFormInput {
	clear: both;
}
#chatArenaProfile {
	width: 265px;
	float:right;
}
#chatArenaMessages {
	background: url(<br />
<b>Warning</b>:  Undefined variable $gc in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>91</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>91</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>91</b><br />
/templates/layout-/img/usersonline_separator.jpg) top right no-repeat;
	width: 65%;
	float:left;
	padding-right: 20px;
	}
#userdetails {
	width: 100%; /* 170px; */
	height: 380px;
}	

.scene-flavor {
	text-shadow: -1px -1px 8px #FAFCE6;
	font-family: 'Lovers Quarrel', cursive;
	font-size: 28px;
	line-height: 80%;
	letter-spacing: 2px;
	color: #222; 
	text-align:center; 
	width: 480px; 
	text-align:center; 
	margin:auto;
}

.storytext {
	font-family: 'Caveat', cursive;
	font-size: 18px;
	line-height: 1.2;	
}

#sceneArenaDetails_notifications{
	padding: 14px;
	background-color: rgba(252, 234, 167,0.9);
	border: 1px solid #c7b983;
	border-radius: 6px;
}
		
.npcinfo {
	background-color: #cefac3;
	padding: 10px;
	margin: 10px;
	border: 1px solid #8f806a;
	border-radius:3px;
}

.npctip {
	background-color: #6e4410;
	padding: 10px;
	margin: 10px;
	border: 1px solid #7a592a;
	border-radius:3px;	
	color: #ede0d1;
}
.npcerror {
	background-color: #fac3c3;
	padding: 10px;
	margin: 10px;
	border: 1px solid #c20808;
	border-radius:3px;	
	color: #c20808;
}

#msgbutton {
	
	margin-top: -1px;
    position: relative;
    float: right;
    right: 20px;

}
	
/************************************* RESPONSIVENESS ***********************/

/* 
 * This css runs inside the pagecontent iframe
 * page width is defined by the iframe it is in 
 *
 * ****** limits at 500 - 510, 920 -1000 - 1050, 980 - 1230 *************
 *
 * 960  in window  is 510 here
 * 1024 in window is 510 here 
 * 1152 in window is 806 here
 * --- layout change ---
 * 1280 in window is 920 here
 * 1334 in window is 933 here
 * 1366 in window is 944 here 
 * 1440 in window is 996 here  
 * 1536 in window is 1050 here   
 * 1600 in window is 1050 here
 * --- layout change --- 
 * 1920 in window is 1230 here
 *
 */

#holderbox-scene { float:left !important; top: 0px; position:absolute;}

/******************************* MINIMUM SCREEN till 980 (640x340 tested) ************************/



@media (max-width: 700px) { /*510*/
			.debugIfrm { background-color: red;	}

			#sceneMainTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
			}
			#sceneSubTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;				
			}
			#sceneResearchTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;	
				font-size: 12px;				
			}
			
			#sceneHolder { 
				width: 480px;
				height: 420px;
				margin: auto;
				top: 0px;
				position: relative;
				zoom: 130%;
			}
			#holderbox-scene { float:left !important; top: 0px; position:absolute;}
			#sceneChatArena {
				margin-top: 0px;
				position: relative;
				left: -80px;
				width: 95%;
			}

			#chatFormInput {
				clear: both;
				position: relative;
				top: 3px;
				left: 60px;
				width: 480px;
				height: 20px;
				z-index: 500;
			}
			#chatArenaMessages {
				background: url(<br />
<b>Warning</b>:  Undefined variable $gc in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>254</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>254</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>254</b><br />
/templates/layout-/img/usersonline_separator.jpg)top right no-repeat;
				width: 63%;
				height: 520px;
				position: relative;
				padding-top: 10px;
				padding-right: 20px;
				margin-left: 92px;
				top: 0px;
			}
			#chatArenaMessagesSliderbox {
				height:470px;
				overflow:hidden;
				margin-right: -7px;	
				padding-right: 20px;
			}			
			#chatArenaProfile {
				position: relative;
				width: 210px;
				margin-right: -50px;
				margin-top: -370px;
				margin-left: auto;
			}
			#playerlistHolder {
				width: 98%;
				top: 24px;
				position: relative;
				left: 0px;
				margin: 0px;
				height: 60px;
			}
			#playerlistSliderbox{
				height: 60px;
				overflow:hidden;
				width: 100%;
				top: -20;
			}			
			#chatHeadInfo {
				clear: both;
				position: relative;
				top: 15px;
				left: 0px;
				width: 480px;
				height: 20px;
				z-index: 500;
			}

			#sceneArenaDetails_1 {
				text-align: right;
				position: relative;
				width: 200px;
				top: 20px;
				font-size: 14px;
				float: left;
			}
			#sceneArenaDetails_2 {
				width: 330px;
				text-align: left;
				position: relative;
				left: 25px;
				top: 0px;
				font-size: 14px;
				float: right;
			}	
			#sceneArenaDetails_3 {
				width: 90%;
				text-align: center;
				position: relative;
				top: 0px;
				font-size: 12px;
				margin-bottom: 14px;
			}
			#sceneArenaDetailsNotif {
				text-align: left;
				margin-top: 0px;
				font-size: 14px;
				position: absolute;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				width: 80%;
				z-index: 600;
				top: 590px;
			}				
			#sceneResources {
				position: relative;
				margin-top: -50px;
				float: left;
				width: 100%;
				height: 38px;
			}	
			#motto-text {
				position: relative;
				margin-top: 0px;
				top: 0px;
				clear: both;
				width: 100%;
			}
			#sceneStoryText {
				xxmargin-bottom: 20px;
				position: relative;
				width: 90%;
				text-align: center;
				clear: both;
				xxtop: -30px;
				padding: 20px;
			}



}


	
/* placed after to overwrite */
@media (max-width: 550px) {
	.debugIfrm { background-color: pink;	}
	#holderbox-scene { float:left !important; top: 0px; position:absolute;}
	#sceneHolder {
		width: 480px;
		height: 420px;
		xxmargin: auto;
		top: 0px;
		xxfloat:left;
		position: relative;
		zoom: 84%;
	}
	#chatArenaProfile {
		margin-right: -100px;
	}
	#chatArenaMessages {
		background: none;
	}
}
/******************************* MOST SCREENS at 961+ to 1152 (1152 tested) ************************/
/***** no longer in effect, jumps from yellow to red, due to layout.css pagecontent sizes ******/

@media  (min-width: 701px) and (max-width: 780px) { /*511*/
			.debugIfrm { background-color: orange;	};

			#sceneMainTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
			}
			#sceneSubTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;				
			}
			#sceneResearchTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;	
				font-size: 12px;				
			}
			
			#sceneHolder { 
				width: 480px;
				height: 420px;
				margin: auto;
				top: 0px;
				position: relative;
				margin-left: 20px;
			}
			#holderbox-scene { float:left !important; top: 0px; position:absolute;}
			#sceneChatArena {
				margin-top: 0px;
				position: relative;
				left: -80px;
				width: 95%;
			}

			#chatFormInput {
				clear: both;
				position: relative;
				top: -16px;
				left: 65px;
				width: 480px;
				height: 20px;
				z-index: 500;
			}
			#chatArenaMessages {
				background: url(<br />
<b>Warning</b>:  Undefined variable $gc in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>452</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>452</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>452</b><br />
/templates/layout-/img/usersonline_separator.jpg) top right no-repeat;
				width: 63%;
				height: 520px;
				position: relative;
				padding-top: 10px;
				padding-right: 20px;
				margin-left: 92px;
				top: 0px;
			}
			#chatArenaMessagesSliderbox {
				height:470px;
				overflow:hidden;
				margin-right: -7px;	
				padding-right: 20px;
			}			
			#chatArenaProfile {
				position: relative;
				margin-right: -60px;
				margin-top: -360px;
				margin-left: auto;
			}
			#playerlistHolder {
				width: 275px;
				position: absolute;
				height: 134px;
				top: 190px;
				right: 20px
			}
			#playerlistSliderbox{
				height: 134px;
				overflow:hidden;
			}			
			#chatHeadInfo {
				clear: both;
				position: absolute;
				right: -60px;
				width: 210px;
				height: 20px;
				z-index: 500;
				top: -230px;
			}

			#sceneArenaDetails_1 {
				text-align: right;
				position: absolute;
				width: 200px;
				top: 60px;
				font-size: 14px;
				float: right;
				right: 40px;
				font-size: 12px;
			}
			#sceneArenaDetails_2 {
				width: 330px;
				text-align: left;
				position: relative;
				left: 25px;
				top: 0px;
				font-size: 14px;
				float: right;
			}	
			#sceneArenaDetails_3 {
				width: 90%;
				text-align: center;
				position: relative;
				top: -40px;
				font-size: 12px;
				clear: both;
			}
			#sceneArenaDetails_4 {
				width: 90%;
				text-align: center;
				position: absolute;
				top: 450px;
				font-size: 12px;
			}			
			#sceneArenaDetailsNotif {
				text-align: left;
				font-size: 13px;
				position: absolute;
				right: 40px;
				width: 50%;
				min-width: 280px;
				z-index: 600;
				margin-top: -380px;
			}				
			#sceneResources {
				position: absolute;
				top: 350px;
				width: 290px;
				right: 20px;
				height: 40px;
			}	
			#motto-text {
				position: relative;
				margin-top: 0px;
				top: 0px;
				clear: both;
				width: 100%;
			}
			#sceneStoryText {
				margin-bottom: 20px;
				position: relative;
				width: 90%;
				text-align: center;
				clear: both;
				top: -30px;
				padding: 20px;
			}
		
}	



/******************************* MOST SCREENS at 1152+ to 1280 (1280 tested) ************************/
@media (min-width: 781px) and (max-width: 920px) {
			.debugIfrm { background-color: yellow;	}
			#sceneMainTitle{
				position: relative;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				height: 80px;
			}

			#sceneSubTitle{
				position: fixed;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				top: 50px;
				margin-left: auto;
				margin-right: auto;			
			}
			#sceneResearchTitle{
				position: fixed;
				top: 0px;
				text-align: center;
				width: 100%;
				left: 480px;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				font-size: 12px;
				zoom: 70%;		
			}
			
			#sceneHolder { 
				width: 480px;
				height: 420px;
				margin: auto;
				top: 0px;
				position: relative;
				margin-left: 20px;
			}
			#holderbox-scene { float:left !important; top: 0px; position:absolute;}
			
			#sceneChatArena {
				margin-top: 0px;
				position: relative;
				left: -80px;
				width: 95%;
			}

			#chatFormInput {
				width: 305px;
				position: fixed;
				right: 35px;
				top: 560px;
			}
			#msg {
				width: 320px;
				height: 40px;
				-webkit-box-shadow: 3px 1px 11px 6px rgba(255,170,0,0.8);
				-moz-box-shadow: 3px 1px 11px 6px rgba(255,170,0,0.8);
				box-shadow: 3px 1px 11px 6px rgba(255,170,0,0.8);
				word-break: break-all;
				margin-top: 40px;
			}
			#chatArenaMessages {
				background: none;
				width: 360px;
				height: 170px;
				position: fixed;
				padding-top: 0px;
				padding-right: 2px;
				top: 390px;
				right: 0px;
			}
			#chatArenaMessagesSliderbox {
				height: 180px;
				overflow: auto;
				margin-right: -7px;
				padding-right: 20px;
			}			
			#chatArenaProfile {
				width: 255px;
				position: fixed;
				right: -1px;
				top: 80px;
				margin-left: auto;
				zoom: 85%;
			}
			#playerlistHolder {
				    background: url(/templates/layout-default/img/usersonline_separator.jpg) center right no-repeat;
					width: 155px;
					position: absolute;
					height: 264px;
					top: 95px;
					right: 220px;
					padding-right: 5px;
			}
			#playerlistSliderbox{
				height: 224px;
				padding-right: 20px;
				overflow: hidden;
			}
			#arena_chat_info{
				width: 150px;
				position: fixed;
				top: 320px;
			}	
			#chatHeadInfo {
				clear: both;
				position: absolute;
				right: -60px;
				width: 210px;
				height: 20px;
				z-index: 500;
				top: -230px;
			}

			#sceneArenaDetails_1 {
				text-align: right;
				position: fixed;
				width: 200px;
				top: 469px;
				font-size: 14px;
				left: 280px;
				font-size: 12px;
			}
			#sceneArenaDetails_2 {
				text-align: left;
				position: relative;
				left: 45px;
				width: 330px;
				top: 20px;
				font-size: 14px;
				float: left;
			}	
			#sceneArenaDetails_3 {
				width: 350px;
				text-align: center;
				position: relative;
				top: 10px;
				left: -210px;
				font-size: 12px;
				clear: both;
			}
			#sceneArenaDetails_4 {
				width: 90%;
				text-align: center;
				position: absolute;
				top: 450px;
				font-size: 12px;
			}			
			#sceneArenaDetailsNotif {
				text-align: left;
				font-size: 13px;
				position: absolute;
				right: 40px;
				width: 50%;
				min-width: 280px;
				z-index: 600;
				margin-top: -400px;
			}			
			#sceneResources {
				position: fixed;
				top: 468px;
				width: 328px;
				height: 60px;
				left: 25px;
			}	
			#motto-text {
				position: relative;
				margin-top: 0px;
				top: 0px;
				clear: both;
				width: 100%;
			}
			#sceneStoryText {
				position: relative;
				width: 520px;
				text-align: center;
				clear: both;
				top: -30px;
				padding: 20px;
				left: -200px;
				xxbackground-color: lightgreen;
			}
			
			.inventoryItemPanels {
				width: 24% !important;
			}

			#sceneKeysDebug {
				margin-top: 250px !important;
			}
			
			#msgbutton {	
				margin-top: 48px;
				position: relative;
				float: right;
				right: 0px;
			}


}	



/******************************* MOST SCREENS at 1280+ to 1600 (1366 tested) ************************/
/************* Includes resolutions: 1280, 1366 ***************/

@media (min-width: 921px) and (max-width: 1050px) {
			.debugIfrm { background-color: green;	}
			#sceneMainTitle{
				position: absolute;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
			}
			#sceneSubTitle{
				position: absolute;
				top: 42px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto; 
				margin-right: auto;				
			}
			#sceneResearchTitle{
				position: absolute;
				top: 24px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;	
				font-size: 12px;				
			}
			#sceneHolder { 
				left: 25%;
				top: 50px;
				position: relative;
				margin-left: -15px;
				width: 480px;
				height: 420px;
			}
			#holderbox-scene { float:left !important; top: 0px; position:absolute;}
			
			#sceneChatArena {
				margin-top: 0px;
				/* position: relative; */
				left: 0px;
				width: 100%
			}

			#chatFormInput {
				clear: both; 
				position: relative;
				width: 480px;
				height: 20px;
				z-index: 500;
				margin-top: 20px;
				padding-top: 24px;
				margin-bottom: 20px;
			}
			#button {
				margin-top: 24px;
			}
			#chatArenaMessages {
				background: url(<br />
<b>Warning</b>:  Undefined variable $gc in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>846</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>846</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>846</b><br />
/templates/layout-/img/usersonline_separator.jpg)top right no-repeat;
				width: 650px;
				height: 520px;
				position: relative;
				padding-top: 5px;
				padding-right: 20px;
				left: 50px;
				margin-top: 20px;
			}
			#chatArenaMessagesSliderbox {
				height:470px;
				overflow:hidden;
				margin-right: -7px;	
				padding-right: 20px;
			}			
			#chatArenaProfile {
				width: 260;
				position: relative;
				right: -110px;
				top: 30px;
				float: left;
			}
			#playerlistHolder {
				margin-top: 0px;
				left: 40px;
				width: 42%;
				position: absolute;
				top: 167px;
			}
			#playerlistSliderbox{
				height:80px;
				overflow:hidden;
			}			
			#chatHeadInfo {
				clear: both;
				position: absolute;
				top: 320;
				left: 75px;
			}

			#sceneArenaDetails_1 {
				text-align: left;
				position: absolute;
				left: 35px;
				width: 250px;
				top: 360px;
				font-size: 13px;
				clear: both;
			}
			#sceneArenaDetails_2 {
				width: 230px;
				text-align: right;
				position: absolute;
				left: 24%;
				top: 345px;
				font-size: 12px;
			}	
			#sceneArenaDetails_3 {
				width: 45%;
				text-align: left;
				position: absolute;
				left: 32px;
				top: 265px;
				font-size: 13px;
				text-align: center;
			}
			#sceneArenaDetailsNotif {
				text-align: left;
				top: 240px;
				font-size: 14px;
				position: absolute;
				left: -49%;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				width: 40%;
				z-index: 600;
			}			
			#sceneResources {
				position: absolute;
				top: 78px;
				right: 35px;
				width: 45%;
				height: 40px;
				left: 27px;
			}
			#motto-text {
				position: relative;
				margin-top: 0px;
				top: 0px;
				clear: both;
				width: 100%;
			}
			#sceneStoryText {
				xxmargin-bottom: 24px;
				position: relative;
				width: 90%;
				text-align: center;
				clear: both;
				top: 10px;
			}
			.inventoryItemPanels {
				width: 20% !important;
			}
}	


/******************************* LARGE SCREEN at 1920+ (not tested) ************************/
/* 1920+ in window is 980 - 1230 here */


@media (min-width: 1051px) {
			.debugIfrm { background-color: cyan;	};

			#sceneMainTitle{
				position: absolute;
				top: 0px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
			}
			#sceneSubTitle{
				position: absolute;
				top: 42px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto; 
				margin-right: auto;				
			}
			#sceneResearchTitle{
				position: absolute;
				top: 24px;
				text-align: center;
				width: 90%;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;	
				font-size: 12px;				
			}

			#sceneHolder {
				left: 25%;
				top: 30px;
				position: relative;
				margin-left: -50px;
				width: 480px;
				height: 420px;
				zoom: 120%;
			}
			#holderbox-scene { float:left !important; top: 0px; position:absolute;}
			
			#sceneChatArena {
				margin-top: 0px;
				/* position: relative; */
				left: 0px;
				width: 100%
			}


			#chatFormInput {
				clear: both; 
				position: relative;
				width: 480px;
				height: 20px;
				z-index: 500;
				margin-top: 20px;
				padding-top: 24px;
				margin-bottom: 20px;
			}
			#button {
				margin-top: 24px;
			}
			#chatArenaMessages {
				background: url(<br />
<b>Warning</b>:  Undefined variable $gc in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>1025</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>1025</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/magicdue/public_html/templates/layout-default/css/ifrm.style.css.php</b> on line <b>1025</b><br />
/templates/layout-/img/usersonline_separator.jpg)top right no-repeat;
                width: 650px;
				height: 520px;
				position: relative;
				padding-top: 5px;
				padding-right: 20px;
				left: 50px;
				margin-top: 20px;
			}
			#chatArenaMessagesSliderbox {
				height:470px;
				overflow:hidden;
				margin-right: -7px;	
				padding-right: 20px;
			}			
			#chatArenaProfile {
				width: 260;
				position: relative;
				right: -110px;
				top: 30px;
				float: left;
			}
			#playerlistHolder {
				margin-top: 0px;
				left: 40px;
				width: 39%;
				position: absolute;
				top: 167px;
			}
			#playerlistSliderbox{
				height:80px;
				overflow:hidden;
			}			
			#chatHeadInfo {
				clear: both;
				position: absolute;
				top: 320;
				left: 65px;
			}

			#sceneArenaDetails_1 {
				text-align: left;
				position: absolute;
				left: 35px;
				width: 250px;
				top: 360px;
				font-size: 13px;
				clear: both;
			}
			#sceneArenaDetails_2 {
				width: 230px;
				text-align: right;
				position: absolute;
				left: 21%;
				top: 345px;
				font-size: 12px;
			}	
			#sceneArenaDetails_3 {
				width: 45%;
				text-align: left;
				position: absolute;
				left: 32px;
				top: 265px;
				font-size: 13px;
				text-align: center;
			}
			#sceneArenaDetailsNotif {
				text-align: left;
				top: 240px;
				font-size: 14px;
				position: absolute;
				left: -50%;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				width: 40%;
				z-index: 600;
			}			
			#sceneResources {
				position: absolute;
				top: 78px;
				right: 35px;
				width: 41%;
				height: 40px;
				left: 27px;
			}
			#motto-text {
				position: relative;
				margin-top: 0px;
				top: 0px;
				clear: both;
				width: 100%;
			}
			#sceneStoryText {
				xxmargin-bottom: 24px;
				position: relative;
				width: 90%;
				text-align: center;
				clear: both;
				top: 10px;
			}
			.inventoryItemPanels {
				width: 20% !important;
			}
	

}