/* Default colors and sizes */
body {
    cursor: crosshair;
	background-color: black;
	color: white;
	font-family: serif;
	font-size: 16pt;
    margin: 5%;
    text-indent: 5mm;
    text-align: justify;
    text-justify: inter-word
}

.clsAchieved {
    font-style: italic
}

.firstP {
    text-indent: 2mm
}

/* Hyperlinks */

a:link,
a:visited {
    font-weight: bold;
    color: olive;
    text-decoration: none;
}

a:hover {
    color: yellow;
    text-decoration: none;
    text-shadow: 0 1px gray;
}


/* Hyperlinks: movement */

a.clsLinkMov:link,
a.clsLinkMov:visited {
    font-weight: bold;
    color: olive;
    text-decoration: none;
}

a.clsLinkMov:hover {
    color: yellow;
    text-decoration: none;
}


/* Hyperlinks: object actions */

a.clsLinkObj:link,
a.clsLinkObj:visited {
    font-weight: bold;
    color: royalblue;
    text-decoration: none;
}

a.clsLinkObj:hover {
    color: cyan;
    text-decoration: none;
}


/* Hyperlinks: pnj actions */

a.clsLinkPnj:link,
a.clsLinkPnj:visited {
    font-weight: bold;
    color: purple;
    text-decoration: none
}

a.clsLinkPnj:hover {
    color: magenta;
    text-decoration: none;
}

/* Intro div, before game */
#dvIntro {
	text-align: center;
    display: block
}

#hrIntroSeparator {
	color: #000044;
	background-color: #000044;
	height: 3px;
	border: 0
}

#btBoot {
	color: #770000;
	font-weight: bold
}

/* Game title */
#dvTitle {
    width:70%;
    margin: 5%;
	font-size: 18pt;
	color: lightgray
}

@media screen and (max-width: 800px) {
    #dvTitle, #dvId {
        display: none !important;
    }
}

/* Game div */
#dvFi {
	width:80%;
    margin-left: 10%;
    margin-right: 10%;
    display: none
}

#hrFiSeparator {
	color: #000044;
	background-color: #000044;
	height: 3px;
	border: 0
}

/* Name of the room */
#dvId {
	width: 100%;
	color: #77aaff;
	font-style: italic;
	font-weight: bold
}

/* Image */
#dvPic {
	width: 100%;
	height: 40%;
	text-align: center
}

/* Description text for current room */
#dvDesc  {
	color: green;
	width:100%;
	font-size:22px;
	text-align: justify
}

/* Game's answer text */
#dvAnswer {
	width:100%;
    font-family: sans-serif;
	font-size:20px;
    text-align: justify
}

/* Input section, prompt, icons... */
#dvInput {
	color:white;
	background-color:black;
	width:100%;
    height:10%;
    font-family: monospace;
	font-size:14pt;
    display: none
}

#edInput{
	width: 90%;
	color: khaki;
	background-color: black;
	border: none;
	border: 1px dotted gray;
	border-radius: 10px;
	font-family: monospace;
    font-size: 14pt;
	padding: 6px
}

/* Error section, this is normally not seen by players */
#dvError {
	color:white;
	background-color:red;
	width:100%;
	height:10%;
	font-size:24pt;
}

#dvObjects {
    font-family: monospace;
    font-size: 18pt;
    text-align: center;
    color: white;
    display: none
}

#dvActions {
	cursor: crosshair;
    display: none
}