.module-list-container
{

    color: rgba(225, 225, 175, 1.0);
    text-decoration: none;

	background: rgba(25, 25, 25, 1);

	border-style: solid;
	border-width: 4px;
	border-color: rgba(10, 10, 10, 1);

    width: 45%;
    height: 75vh;

	border-radius: 7px 7px 7px 7px;

	padding: 10px;

    text-align: center;

    overflow: auto;

}

.module-info-container
{

    color: rgba(225, 225, 175, 1.0);
    text-decoration: none;

    background: rgba(25, 25, 25, 0.5);

    border-style: solid;
    border-width: 4px;
    border-color: rgba(10, 10, 10, 0.5);

    border-radius: 7px 7px 7px 7px;

    left: 50%;
    top: 50%;

    width: 20%;
    height: 41vh;

    overflow-y: scroll;

}

.module-select-button
{

    background: rgba(200, 200, 200, 1);

    border-style: solid;
    border-width: 2px;
    border-color: rgba(175, 175, 175, 1);

    width: 60%;

    border-radius: 4px 4px 4px 4px;

    padding: 5px;
    margin: 5px;

}

.hidden
{

    display: none;

}

.edit_scenario_container
{

	background: rgba(40, 40, 40, 1.0);

	border-style: solid;
	border-width: 3px;
	border-color: rgba(100, 100, 100, 1.0);
	border-radius: 5px;

	padding: 15px;

}

.scenario_name
{

    color: rgba(235, 235, 235, 1.0);

}

.scenario_completed
{

    color: rgba(255, 215, 0, 1.0);
    text-shadow: 5px 5px rgba(100, 50, 0, 1.0);

    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);

}

.scenario_locked
{

    color: rgba(255, 20, 20, 1.0);
    text-shadow: 5px 5px rgba(100, 50, 0, 1.0);

    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);

}

.module_play_button_selected
{

	border-color: rgba(225, 225, 175, 1.0);

}

.creation_select_table
{

	background: rgba(50, 50, 50, 0.5);

	color: rgba(235, 235, 235, 1.0);

	border-style: solid;
	border-width: 2px;
	border-color: rgba(120, 120, 120, 1.0);
	border-radius: 3px;

	padding: 15px;

}

.creation_select_item_content
{

	background: rgba(50, 50, 50, 0.5);

	color: rgba(235, 235, 235, 1.0);

	border-style: solid;
	border-width: 5px;
	border-color: rgba(120, 120, 120, 1.0);
	border-radius: 3px;

	padding: 5px;

}

.recap_label
{

    color: rgba(125, 125, 125, 1.0);
    font-size: 16pt;
    font-style: bold;
}

.recap_info
{

    color: rgba(135, 135, 100, 1.0);
    font-size: 14pt;

}

.styled_image
{

	background: rgba(225, 225, 225, 0.5);

    border-style: solid;
    border-width: 5px;
    border-color: rgba(150, 150, 90, 1.0);
    border-radius: 3px;

}

.inventory_changed
{

    border-color: rgba(200, 50, 50, 1.0) !important;

}

.play_scroll_bar
{

	position: fixed;

	top: 0px;
	left: 0px;

	background: rgba(25, 25, 25, 0.75);

	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: rgba(10, 10, 10, 0.90);

	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: rgba(10, 10, 10, 0.90);

	border-radius: 0px 0px 5px 0px;

	padding: 10px;

}

.play_scroll_bar_content
{

	list-style: none;
	display: inline;

}

.play_scroll_bar_text
{

    color: rgba(225, 225, 225, 1.0);
    font-size: 14pt;

}

.play_scroll_bar_li
{

	text-align: center;

	margin-bottom: 25px;

}

.play_scroll_bar_link
{

	text-decoration: none;

	color: rgba(25, 25, 25, 1.0);

	background-color: rgba(205, 205, 205, 1.0);

	border-style: solid;
	border-color: rgba(225, 225, 225, 1.0);
	border-width: 3px;
	border-radius: 2px;

	padding: 5px;

}

.stat_bar_base
{

    width: 90%;

    position: relative;

    background: rgba(50, 50, 50, 1.0);

    border-style: solid;
	border-color: rgba(125, 125, 125, 1.0);
	border-width: 3px;
	border-radius: 2px;

}

.health_bar
{

    height: 100%;

    color: rgba(25, 175, 25, 1.0);
    background-color: rgba(25, 175, 25, 1.0);

}

.bar_text
{

    position: absolute;
    top: 0px;
    left: 0px;

    text-align: center;

    height: 100%;
    width: 100%;

    color: rgba(255, 255, 255, 1.0);
    z-index: 0.5;

}

.special_bar
{

    height: 100%;

    color: rgba(25, 25, 175, 1.0);
    background-color: rgba(25, 25, 175, 1.0);

}

.traversal_container
{

    height: 100%;

}

.action_node_container
{

	width: 100%;
	height: 100%;

	background: rgba(225, 225, 225, 0.85);

	color: rgba(25, 25, 25, 1.0);

	border-style: solid;
	border-width: 5px;
	border-color: rgba(245, 245, 245, 1.0);
	border-radius: 10px;

	padding: 10px;


    overflow-y: scroll;

}

.action_node_actions
{

    text-align: center;

}

.inventory_popup_details:hover div.inventory_popup_details_div
{

    display: block;
    position: relative;

}

.inventory_popup_details_div
{

    display:none;
    text-align: left;

	background: rgba(185, 185, 185, 1.0);

	color: rgba(25, 25, 25, 1.0);

	border-style: solid;
	border-width: 3px;
	border-color: rgba(245, 245, 245, 1.0);
	border-radius: 5px;

	padding: 5px;

    width: 90%;

}