/*
—————————————————————————————
CSS for Star of Christmas 150
—————————————————————————————
*/


/* Map Keys (for menus) */

table.MenuMapKey tr td {
	vertical-align: middle;
	font-weight: bold;
	color: #006699;
	padding-bottom: 10px;
}

table.MenuMapKey tr td								{ height: 20px;  }
table.MenuMapKey tr td div.Small					{ margin-left: 4px; width: 10px; height:10px }
table.MenuMapKey tr td div.Big						{ width: 18px; height:18px }
table.MenuMapKey tr td div.Border_Standard			{ border: 2px solid #3e849c; border-radius: 4px }
table.MenuMapKey tr td div.Border_Golden			{ border: 2px solid #ffba1e; border-radius: 4px }
table.MenuMapKey tr td div.Border_Maze				{ margin-left: 5px; background: #a4cfdf; border: 1px solid #3e849c; border-radius: 4px }
table.MenuMapKey tr td div.Best_Path				{ background: #a4addf; border: 2px solid #3e4d9c; border-radius: 4px }
table.MenuMapKey tr td div.Icon_ArrowIn				{ background: #FFFFFF no-repeat center/16px url('../../Static/Icons/arrow-in.png') }
table.MenuMapKey tr td div.Icon_AsteriskYellow		{ background: #ffe68c no-repeat center/16px url('../../Static/Icons/asterisk-yellow.png') }
table.MenuMapKey tr td div.Icon_Hammer				{ background: #dfdbcf no-repeat center/16px url('../../Static/Icons/hammer.png') }
table.MenuMapKey tr td div.Icon_Ice					{ background: #c3efff no-repeat center/16px url('../../Static/Icons/ice.png') }
table.MenuMapKey tr td div.Icon_ThermometerLow		{ background: #c3efff no-repeat center/16px url('../../Static/Icons/thermometer-low.png') }
table.MenuMapKey tr td div.Icon_WeatherSnow			{ background: #fafcfc no-repeat center/16px url('../../Static/Icons/weather-snow.png') }
table.MenuMapKey tr td div.Icon_Footprint			{ background: #a4cfdf no-repeat center/16px url('../../Static/Icons/footprint.png') }
table.MenuMapKey tr td div.Icon_Footprints			{ background: #a4cfdf no-repeat center/16px url('../../Static/Icons/footprints.png') }
table.MenuMapKey tr td div.Icon_Rainbow				{ background: #ffe68c no-repeat center/16px url('../../Static/Icons/rainbow.png') }
table.MenuMapKey tr td div.Icon_SnowmanHat			{ background: #FFFFFF no-repeat center/16px url('../../Static/Icons/snowman-hat.png') }

table.MenuMapKey tr td hr { height: 0; margin: 0; vertical-align: middle }
table.MenuMapKey tr td hr.Standard_Line		{ border: 1px solid #3e849c; }
table.MenuMapKey tr td hr.Best_Path_Line	{ border: 1px solid #3e4d9c; }
table.MenuMapKey tr td hr.DownUp_Line		{ border: 1px dashed #666; background: none;}
/*table.MenuMapKey tr td hr.OneWay_Line		{ color: border: 2px dotted #9c473e; }
table.MenuMapKey tr td hr.Exploration_Line	{ border: 1px solid #3e849c; }
	stroke-dasharray:	2, 5;
}
*/


/* SVG Map */

line, rect { stroke-width:	2 }

.svg_box_std {
	fill:			#a4cfdf;
	stroke:			#3e849c;
	place-items: center;
	transition: all 0.1s ease-in-out;
}

.svg_box_maze {
	fill:			#a4cfdf;
	stroke:			#5fa6be;
	stroke-width:	1;
}

.svg_box_white {
	fill:			white;
	stroke:			#3e849c;
}
.svg_box_golden {
	fill:			#ffe68c;
	stroke:			#ffba1e;
}
.svg_box_icepeak {
	fill:			#c3efff;
	stroke:			#3e849c;
}
.svg_box_icy_caverns {
	fill:			#c3efff;
	stroke:			#3e849c;
}
.svg_box_forge {
	fill:			#dfdbcf;
	stroke:			#3e849c;
}
.svg_box_blizzard {
	fill:			#fafcfc;
	stroke:			#3e849c;
}

.svg_box_path_best {
	fill:			#a4addf;
	stroke:			#3e4d9c;
}

.svg_box_deadend {
	fill:			#bebebe;
	stroke:			#5e5e5e;
	place-items: center;
	transition: all 0.1s ease-in-out;
}


/* Paths */

.svg_line_std {
	stroke:			#3e849c;
}

.svg_line_maze {
	stroke:			#5fa6be;
	stroke-width:	1;
}

.svg_line_maze_loop_up_left {
	stroke:				#3e849c;
	stroke-width:		1;
	stroke-dasharray:	2, 2;
	stroke-dashoffset:	2;
}
.svg_line_maze_loop_down_right {
	stroke:				#3e849c;
	stroke-width:		1;
	stroke-dasharray:	2, 2;
	stroke-dashoffset:	0;
}

.svg_line_deadend {
	stroke:	#5e5e5e;
}

.svg_line_updown {
	fill:				none;
	stroke:				#666;
	stroke-width:		2;
	stroke-linecap:		round;
	stroke-dasharray:	2, 5;
}

.svg_line_path_best {
	stroke:	#3e4d9c;
}

.zoom:hover {
	width:20px;
	height:20px;
	transform: translate(-5px, -5px);
	cursor: help;
}

/* Cursor */

.cursor_help {
	cursor: help;
}

/* Texts */

.svg_text_help {
	font-size: 9px;
	font-style: italic;
	fill: #3e849c;
}

.svg_text_updown {
	fill:			#666;
	font-size:		9px;
	font-weight:	bold;
}

.svg_text_upright {
	text-anchor: start; /* we align on right */
	alignment-basline: auto;	/* Y is the bottom of the text */
}

.svg_text_downleft {
	text-anchor: end; /* we align on left */
	dominant-baseline: hanging;	/* Y is the top of the text */
}

.svg_text_downright {
	text-anchor: start; /* we align on right */
	alignment-basline: hanging;	/* Y is the top of the text */
}

.svg_text_upleft {
	text-anchor: end; /* we align on left */
	dominant-baseline: auto;	/* Y is the bottom of the text */
}

.svg_text_zone {
	font-size: 13px;
	font-weight: bold;
	//text-anchor: end; /* we align on right */
	fill: #2877b0;
}