@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400&family=Patrick+Hand&display=swap');

body, div, td, p {
	font-family: 'Jost', sans-serif;
	font-size: 13px;
}

.menufont {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
}
.general-scroll {
	overflow: auto; 
/*
	border-left: 1px gray solid; 
	border-bottom: 1px gray solid;
*/
	padding:0px; 
	margin: 0px;
	
/*
	scrollbar-face-color: #999999;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #ECEADE;
	scrollbar-shadow-color: #ECEADE;
	scrollbar-darkshadow-color: #ECEADE;
	scrollbar-highlight-color: #ECEADE;
	scrollbar-3dlight-color: #ECEADE;
	scrollbar-track-color: #ECEADE; //#ECEADE
*/
}


.page-scroll {
/*
	overflow: auto; 
	border-left: 1px gray solid; 
	border-bottom: 1px gray solid;
*/
	padding:0px; 
	margin: 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;
*/
}
.general-sectionheader {
/*
	border: 0px solid #333333;
	background-color: #333333;
*/
	letter-spacing: 2px;
	text-align: center;
	white-space: nowrap;
	font-family: Monotype Corsiva, Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #948567;
}

.general-boxheader {
	/*	
	border: 0px solid #333333;
*/
	letter-spacing: 1px;
	text-align: center;
	white-space: nowrap;
	font-family: "Monotype Corsiva", Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #F2E3BF;
	background-color: #463320;
}

.general-boxmenu-inactive {

	letter-spacing: 2px;
	text-align: center;
	white-space: nowrap;
	border: 0px solid #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #cccccc;
}

a {
	color: #880000;
	text-decoration: none;
}
a:hover {
	color:#FF6600;
	text-decoration: none;
}

.lnk-r1 {
	color: #660000;
	text-decoration: none;
}
.lnk-r1:hover {
	color:#CC6600;
	text-decoration: underline;
}
.lnk-r2 {
	color: #666666;
	text-decoration: none;
}
.lnk-r2:hover {
	color:#000000;
	text-decoration: underline;
}

.selectbox_on {

	border: 2px outset #FFCC00;
	font-weight: bold;
	color: #FF9900;
	margin: 3px;
	padding: 4px;
}
.selectbox_off {

	border: 2px none #FFFFFF;
	margin: 5px;
	padding: 6px;
}
.item-description {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
}
.smallfont-clear{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}
.sceneinfo {
	xxfont-family: "Times New Roman", Times, serif;
	font-family: 'Patrick Hand', cursive;
	font-size: 13px;
	color: #330000;
}
.sceneinfo-header {
	xxfont-family: "Times New Roman", Times, serif;
	font-family: 'Patrick Hand', cursive;
	font-size: 15px;
	color: #330000;
	font-weight: bold;
}

.frm-input-1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(/img/interface/forms/frm-input-bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 29px;
	width: 186px;
	border-width: 0px;
	border-style: none;
	/*background-attachment: fixed;*/

	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

.frm-input-2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(/img/interface/forms/frm-input-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 166px;
	border-width: 0px;
	border-style: none;
	background-attachment: fixed;
	margin-left: 5px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.frm-button-bg1 {
/*
	background-attachment: fixed;
*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/img/interface/forms/frm-button-bg1.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	padding: 6px;
	height: 43px;
	width: 218px;
	text-align: center;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center center;
}


.frm-button-bgcollect {
/*
	background-attachment: fixed;
*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: bold;
	color: #300;
	background-image: url(/img/interface/forms/frm-button-bgcollect.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	padding: 6px;
	height: 55px;
	width: 114px;
	text-align: center;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center center;
}

.frm-button-bgcollect2 {
/*
	background-attachment: fixed;
*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/img/interface/forms/frm-button-bgcollect2.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	padding: 6px;
	height: 55px;
	width: 114px;
	text-align: center;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center center;
}


.frm-finebrown {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #674230;
	background-color: #F7F5EA;
	border: 1px none #D6C194;
}
.frm-input-msg {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: #330000;
	background-color: #F1EEE4;
	border: 1px solid #DCD1BA;
}



.frm-choice-select {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #574128;
	background-color: #FCFBF5;
	border: 1px solid #8B5927;
}
.storyline-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #5F4F32;
}
.storyline-options {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #7E5938;
	text-decoration: none;
}

.storyline-options:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}
.popupinfo {
background-color: #F3EDD6;
marginleft:0;
visibility:hidden;
position:absolute;
width:0;
height:0;
z-index:1;
overflow:hidden;
border:2px dotted #FF9900;
}
.questimg-right {
	clear: none;
	float: right;
}
.questimg-center {
	clear: both;
	float: none;
	text-align: center;
}
.questimg-left {
	clear: none;
	float: left;
}
.frm-textbutton-inactiv {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A6A6A6;
	text-decoration: none;
	background-color: #E0E0E0;
	border: 1px solid #C8C8C8;
	padding-right: 5px;
	padding-left: 5px;
	width:auto;
	cursor:pointer;
}

.btntight{
	margin: 1px !important;
	padding: 2px !important;
}
.xxxfrm-textbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #663300;
	text-decoration: none;
	background-color: #DDC271;
	border: 1px solid #6A4800;
	padding-right: 5px;
	padding-left: 5px;
	cursor:pointer;
}

.frm-textbutton {
	margin:3px;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background-color:#f5ecbf;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.frm-textbutton:hover {
	background-color:#ffd83d;
}
.frm-textbutton:active {
	position:relative;
	top:1px;
}

    

.xxxfrm-textbutton-warning {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f03000;
	text-decoration: none;
	background-color: #DDC271;
	border: 1px solid #6A4800;
	padding-right: 5px;
	padding-left: 5px;
	cursor:pointer;
}

.frm-textbutton-warning {
	margin:3px;
	box-shadow:inset 0px 1px 0px 0px #ffc9b0;
	background-color:#ebd2c5;
	border-radius:4px;
	border:1px solid #ff7c24;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #fcb07e;
}
.frm-textbutton-warning:hover {
	background-color:#f2a091;
}
.frm-textbutton-warning:active {
	position:relative;
	top:1px;
}

        



.xxxfrm-textbutton-gold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #330000;
	text-decoration: none;
	background-color: #FEDB50;
	border: 1px solid #6A4800;
	padding-right: 5px;
	padding-left: 5px;
	cursor:pointer;
}



.frm-textbutton-gold {
	margin:3px;
	box-shadow:inset 0px 1px 0px 0px #edc85a;
	background-color:#ffcc00;
	border-radius:4px;
	border:1px solid #c2a34e;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e6c05f;
}
.frm-textbutton-gold:hover {
	background-color:#ffb700;
}
.frm-textbutton-gold:active {
	position:relative;
	top:1px;
}



.frm-textbutton-gold2 {
	box-shadow:inset 0px 1px 0px 0px #ffef3d;
	background:linear-gradient(to bottom, #effa9b 5%, #f5cc00 100%);
	background-color:#effa9b;
	border-radius:4px;
	border:1px solid #ffaa00;
	display:inline-block;
	cursor:pointer;
	color:#080808;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ebe4e4;
}
.frm-textbutton-gold2:hover {
	background:linear-gradient(to bottom, #f5cc00 5%, #effa9b 100%);
	background-color:#f5cc00;
}
.frm-textbutton-gold2:active {
	position:relative;
	top:1px;
}



.scene_subtitle {
	letter-spacing: 2px;
	text-align: center;
	/* white-space: nowrap; */
	font-family: Monotype Corsiva, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #9B7C59;
}
.sceneinfo-faded {
	xxfont-family: "Times New Roman", Times, serif;
	font-family: 'Patrick Hand', cursive;
	font-size: 13px;
	color: #9D8D6F;
}
.codeenhancedmsg {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #690;
	background-color: #E9F1D3;
	padding: 2px;
	border: 1px dotted #090;
}

.app_general {
	font-size: 13px;
}