@CHARSET "UTF-8";

.body
{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #B8BBAF;
	background-image: url('images/Page-Background-Texture.png');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom left;
}

.break-line
{
	width: 100%;
	height: 16px;
}

.latent
{
	display: none !important;
}

.gray
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(128, 128, 128, 0.5);
}

/* PAGE */

.art
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

/* SHEET */

.sheet
{
	background: white;
	border-color: #848A75;
	border-radius: 0px 0px 17px 17px;
	border-style: solid;
	border-width: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 17px;
	width: 1000px;
}

/* MENU */

#menu-content {
	height: 48px;
	background-image: linear-gradient(to top, #21221E, #4A4D42);
}

/* CONTENT */

#content
{
	min-height: 500px;
}

/* FOOTER */

#footer
{
	text-align: center;
	background-color: #DDE6D1;
}

/* CONTENT */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #5C703E;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #5C703E;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #5A5E50;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #799C11;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #5C703E;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #5C703E;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #7C9753;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #2A2C26;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #2A2C26;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #2A2C26;
}

/* DECORATION TABLE */

.decoration-table
{
	width: 100%;
	border: 3px;
	border-style: solid;
	border-color: #44590a;
	border-collapse: collapse;
	background-color: #ffffff;
	color: #000000;
}

.decoration-table-header-row
{
	background-color: #8ab114;
	color: #ffffff;
}

.decoration-table .decoration-table-row:hover .decoration-table-cell
{
	background-color: #efffc0;
}

.decoration-table-header-cell
{
	border: 1px;
	border-style: solid;
	border-color: #44590a;
	text-align: center;
	vertical-align: middle;
}

.decoration-table-row
{
}

.decoration-table-cell
{
	border: 1px;
	border-style: solid;
	border-color: #44590a;
	padding: 2px;
}

.decoration-table-cell-input 
{
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;	
}

.decoration-table-row-selected
{
	background-color: #e0fe84;
}

.decoration-table-footer-row 
{
}
	
.decoration-table-footer-cell 
{
	border: 1px;
	border-style: solid;
	border-color: #44590a;
}

.dialog-table
{
	display: table;
	border: none;
}

.dialog-row
{
	display: table-row;
	border: none;
	width: 100%;
}

.dialog-cell
{
	display: table-cell;
	border: none;
	padding: 2px;
}

.dialog-cell-input
{
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;	
}