/************************
 * COMMON STYLES
 ************************/
 
body {
	text-align:center;
	font-family: Verdana, Tahoma, Arial;
	background-color: #A59588;
	background-repeat:no-repeat;
	background-image: url("../assets/background.jpg");
	background-attachment: fixed;
	color: #BBBBBB;
	margin-top: 15px;
}

a:link {color:#CB9E7D;}      /* unvisited link */
a:visited {color:#CB9E7D;}  /* visited link */
a:hover {color:#FFE49D;}  /* mouse over link */
a:active {color:#CB9E7D;}  /* selected link */
a { text-decoration: none }

.panel {
	width: 890px;
	padding: 5px;
	
	background: rgba(21, 21, 21, 0.85);
	
	border: 0;
	
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	
	box-shadow: 0 0 2px 2px #151515;
	-moz-box-shadow: 0 0 2px 2px #151515;
	-webkit-box-shadow: 0 0 2px 2px #151515;

	/* IE */
	_filter:alpha(opacity=85);
	_background: #151515;
}

.header {
	padding: 0px;
	display: inline-block;
	width: 900px;
}

.headerImage {
	background-image: url("../assets/header.jpg");
	float: left;
	width: 220px;
	height: 99px;
	-webkit-border-top-left-radius: 0.313em;
	-webkit-border-bottom-left-radius: 0.313em;
	-moz-border-radius-topleft: 0.313em;
	-moz-border-radius-bottomleft: 0.313em;
	border-top-left-radius: 0.313em;
	border-bottom-left-radius: 0.313em;
}

.headerContainer {
	float: left;
	width: 680px;
}

.headerTitleContainer {
	float: left;
	width: 100%;
}

.headerTitle {
	float: left;
	text-align: left;
	font-size: 2.5em;
	color: #FFF6D1;
	padding: 5px;
	padding-left: 15px;
	text-shadow: -1px -1px 4px #6D5701, 1px 1px 4px #6D5701, 1px -1px 4px #6D5701, -1px 1px 4px #6D5701;
	-moz-text-shadow: -1px -1px 4px #6D5701, 1px 1px 4px #6D5701, 1px -1px 4px #6D5701, -1px 1px 4px #6D5701;
	-webkit-text-shadow: -1px -1px 4px #6D5701, 1px 1px 4px #6D5701, 1px -1px 4px #6D5701, -1px 1px 4px #6D5701;	
}

.headerTitle2 {
	float: right;
	color: #BDB9A5;
	text-align: right;
	font-size: 10px;
	padding: 10px;
}

.headerMenu {
	width: 100%;
}

.headerMenuButton {
	float: right;
	font-size: 0.7em;
	padding: 4px;
	margin: 10px;
	color: #909090;
}

.headerMenuButton:hover {
	cursor: pointer;
	background-color: #BBBBBB;
	color: #101010;
	
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	
	box-shadow: 0 0 1px 1px #BBBBBB;
	-moz-box-shadow: 0 0 1px 1px #BBBBBB;
	-webkit-box-shadow: 0 0 1px 1px #BBBBBB;
}

.headerMenuButtonSelected {
	cursor: default;
	float: right;
	font-size: 0.7em;
	padding: 4px;
	margin: 10px;
	
	background-color: #606060;
	color: #F1E7C5;
	
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	
	box-shadow: 0 0 1px 1px #606060;
	-moz-box-shadow: 0 0 1px 1px #606060;
	-webkit-box-shadow: 0 0 1px 1px #606060;
}

.body {
	width: 870px;
	padding: 15px;
	
	background: rgba(48, 48, 48, 0.7);

	box-shadow: 0 0 2px 2px #303030;
	-moz-box-shadow: 0 0 2px 2px #303030;
	-webkit-box-shadow: 0 0 2px 2px #303030;
	
	_background: #303030;
	_filter:alpha(opacity=85);
}

.frame {
	padding: 5px;
	background: rgba(21, 21, 21, 0.6);
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	box-shadow: 0 0 1px 1px #151515;
	-moz-box-shadow: 0 0 1px 1px #151515;
	-webkit-box-shadow: 0 0 1px 1px #151515;
	margin: 5px;

	_background: #151515;
}

.frameTitle {
	border: 1px solid #909090;
	font-size: 13px;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 4px;
	background: #A9734B;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	color: #EEEEEE;
}

.frameTitle2 {
	border: 1px solid #909090;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 4px;
	background: #774D2F;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	color: #EEEEEE;
}

.frameSpecialContent {
	margin-top:4px;
	text-align: justify;
	font-size: 10px;
	padding: 4px;
	margin-bottom: 4px;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
}

.frameSpecialContent li {
	margin-bottom: 6px;
}

img.image {
	border: 2px solid #606060;
	margin: 5px;
}

.footer {
	font-size: 0.7em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	color: #BDB9A5;
}

img.imagePopup {
	border: 2px solid #606060;
	margin-bottom:5px;
}

.imagePopupDescription {
	text-align: justify;
	font-size: 10px;
}

.hiddenComponent {
	 visibility: hidden;
	 width: 0px;
	 height: 0px;
}

.itemPage {
	display: inline-block;
	padding: 4px;
	margin: 2px;
	color: #303030;
	background: #606060;
	border: 1px solid #606060;

	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
}

.itemPage:hover {
	cursor: pointer;
	color: #EFE2BB;
	background: #808080;
	border: 1px solid #EFE2BB;
}

.itemPageSelected {
	display: inline-block;
	padding: 4px;
	margin: 2px;
	border: 1px solid #AAAAAA;

	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
}

.rowColumn {
	display: inline-block;
	width: 49%;
}

.row {
	text-align: justify;
	display: inline-block;
	width: 100%;
}

.rowField {
	background: #454545;
	padding: 5px;
	float: left;
	margin: 1px;
}

.rowField1 {
	width: 74%;
}

.rowField2 {
	width: 20%;
	text-align: right;
}