.frame, .popup
{
	padding: 4px; 
	margin: 10px; 
	
	border: solid 1px rgb(241, 170, 41);
	border-radius: 5px;
	
	background-image: -webkit-linear-gradient(bottom, rgba(238, 183, 77, 1) 0px, 
												rgba(207, 146, 34, 1) 8px, 
												rgba(207, 146, 34, 1) 10px, 
												rgba(207, 146, 34, 0) 12px), 
						-webkit-linear-gradient(top, rgb(243, 198, 109) 0px, 
												rgb(255, 253, 249) 8px, 
												rgb(207, 146, 34) 10px, 
												rgb(238, 183, 77) 100%);
												
	background-image: linear-gradient(to top, rgba(238, 183, 77, 1) 0px, 
												rgba(207, 146, 34, 1) 8px, 
												rgba(207, 146, 34, 1) 10px, 
												rgba(207, 146, 34, 0) 12px), 
						linear-gradient(to bottom, rgb(243, 198, 109) 0px, 
												rgb(255, 253, 249) 8px, 
												rgb(207, 146, 34) 10px, 
												rgb(238, 183, 77) 100%);
												
	
	box-shadow: 0px 2px 5px rgb(0, 0, 0); 
	-webkit-text-shadow: 2px 2px 5px rgb(0, 0, 0); 
	text-shadow: 2px 2px 5px rgb(0, 0, 0); 
}

.frame-inner, .popup-inner 
{
	position: relative; 
	padding: 30px; 
	padding-top: 40px; 
	padding-bottom: 50px; 
    border-radius: 5px;
	
	background-image: -webkit-linear-gradient(bottom, rgba(35, 35, 35, 1) 0px, 
												rgba(0, 0, 0, 1) 5px, 
												rgba(0, 0, 0, 0) 7px), 
						-webkit-linear-gradient(top, rgb(50, 50, 50) 0px, 
												rgb(65, 65, 65) 5px, 
												rgb(0, 0, 0) 7px, 
												rgb(35, 35, 35) 100%);
												
	background-image: linear-gradient(to top, rgba(35, 35, 35, 1) 0px, 
												rgba(0, 0, 0, 1) 5px, 
												rgba(0, 0, 0, 0) 7px), 
						linear-gradient(to bottom, rgb(50, 50, 50) 1px, 
												rgb(65, 65, 65) 5px, 
												rgb(0, 0, 0) 7px, 
												rgb(25, 25, 25) 100%);
												
}

.popup-inner { padding-top: 20px; }

.frame-content 
{
	position: relative; 
	border-radius: 5px;
	background-color: rgb(20, 20, 20); 
	border: solid 1px rgb(65, 65, 65); 
	
	box-shadow: 2px 2px 5px rgb(0, 0, 0), 
				0px 2px 5px rgb(0, 0, 0), 
				2px 0px 5px rgb(0, 0, 0), 
				-1px -1px 5px rgb(150, 150, 150), 
				inset 3px 3px 5px rgb(0, 0, 0); 
	
	overflow-x: hidden; 
	overflow-y: auto; 
}

.frame-content .frame-conent-panel
{
	position: relative; 
	white-space: nowrap; 
}

.frame-title
{
	position: absolute; 
	left: 5px; 
	right: 5px; 
	top: 0px; 
	text-align: center; 
}

.frame-message
{
	position: absolute; 
	left: 5px; 
	right: 5px; 
	top: 15px; 
	text-align: center; 
	text-shadow: 0px 2px 5px rgb(0, 0, 0); 
}

.frame-buttons , .popup-buttons 
{
	position: absolute; 
	left: 5px; 
	right: 5px; 
	bottom: 0px; 
	height: 47px; 
	text-align: right; 
}

.popup-buttons { text-align: center; }

.popup-question * { vertical-align: middle; }

/* Version mobile */

#mobile .frame, 
#mobile .popup 
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
}

#mobile .frame-inner,
#mobile .popup-inner
{
	position: absolute; 
	left: 4px; 
	right: 4px; 
	top: 4px; 
	bottom: 4px; 
}

#mobile .frame-content 
{
	position: absolute; 
	left: 30px; 
	right: 30px; 
	top: 40px; 
	bottom: 50px; 
}

#mobile .frame-content .frame-conent-panel
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
}