.popupFrameWidth {
	max-width:880px; 
	max-height: 90vh;
	
	margin:auto;
	overflow: auto;
	padding: 0px; /* moves entire page , do not use */
	background-image: url(/img/skin/default/bgpag.jpg);
	border-radius: 8px;
	

	transform: translateX(-9px);
	-webkit-box-shadow: 0px 4px 8px 2px #000000; 
	box-shadow: 0px 4px 8px 2px #000000;

}


   
.popupFrameWrapper {
	padding: 20px;
}

.rit-creature-container {
	width: 372px !important;
}

.general-scroll {
	overflow: auto; 

	/*
	border-left: 1px gray solid; 
	border-bottom: 1px gray solid;
	*/
	
	padding:0px; 
	margin: 0px;

/*	
	scrollbar-face-color: #cccccc;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-track-color: #ffffff;
*/
}

.dlg-smallfont-clear{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

body{
	background-color: transparent;
	/* background-image: url(/img/skin/default/bgpag.jpg); */
	padding: 0px;
	
/*
	scrollbar-face-color: #C9C08F;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #F1EFD3;
	scrollbar-shadow-color: #F1EFD3;
	scrollbar-darkshadow-color: #F1EFD3;
	scrollbar-highlight-color: #F1EFD3;
	scrollbar-3dlight-color: #F1EFD3;
	scrollbar-track-color: #F1EFD3;
*/
}

.dlg-lnk-msglist {
	color: #666666;
	text-decoration: none;
}
.dlg-lnk-msglist:hover {
	color:#ff0000;
	text-decoration: underline;
}
.dlg-newmsg{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFCC00;
}
.dlg-oldmsg{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.dlg-msglist{
	font-family: Verdana,Arial;
	font-size:13px;
	padding: 5px;
}
.error {
	background-color:#FAE9E7;
	color:#FF0000;
}


/***********************************************************************
********  Responsive *****************************************************
***********************************************************************/



@media  (max-width: 880px) {
	
	.popupFrameWidth {
		max-width:95vw; 
		max-height: 90vh;
		
		border-radius: 6px;
		
		transform: translateX(-9px);
	}	
	
	.popupFrameWrapper {
		padding: 15px;
	}
	
	.rit-creature-container {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		height: 25vh !important;
		margin-left: 20px;
	}
	#slot_container {
		background-color: #c5b79c;
		border-radius: 48px;
		margin-top: -6px;
		margin-bottom: 18px;
	}
}