/************************
 * COMMON STYLES
 ************************/
 
body {
	background-color: #BBBBBB;
	text-align:center;
	font-family: Verdana, Tahoma, Arial;
}

a {
	text-decoration: none;
	color: #222222;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;
}

/* Styles for box */
.page-box {
	display: inline-block;
}

.oldBrowserMessage {
	margin: 0.4em;
	padding: 0.5em;
	background-color: #720B00;
	border: 0.12em solid #FFFFFF;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	color: #EEEEEE;
	text-align: justify;
	font-size: 0.8em;
	font-weight: bold;
}

.backgroundBody {
	background-color: #505050;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 56.250em;
	display: inline-block;
	box-shadow: 0 0 0.313em 0.313em #333333;
	-moz-box-shadow: 0 0 0.313em 0.313em #333333;
	-webkit-box-shadow: 0 0 0.313em 0.313em #333333;	
	padding: 0.2em;
}

.side-menu-panel {
	border: 0.12em solid #303030;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	z-index: 5;
	opacity:0.9;
	filter:alpha(opacity=90);

	float: right;
	margin: 0.625em;
	margin-top: 2em;
    background: #57616B;
}

.item-side-menu-panel {
	border: 0.063em solid #6E8292;
	border-bottom: 0.063em solid #1F2832;
	border-right: 0.063em solid #1F2832;
	margin: 0.5em;
	font-size: 0.6em;
	text-align: left;
	padding: 0.4em;
	/*color: #71A9DD;*/	
	color: #A69688;	
    background: #5C6E7F;
    
	/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
	/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
	/* Mozilla: */
	background: -moz-linear-gradient(top, #5C6E7F, #1F2832);
    /* Chrome, Safari:*/
	background: -webkit-gradient(linear, left top, left bottom, from(#5C6E7F), to(#1F2832));
    /* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5C6E7F', EndColorStr='#1F2832', GradientType=0);
}

.item-side-menu-panel:HOVER {
	/*color: #ABCEEB;*/
	color: #DCD4CB;
	cursor: pointer;
    background: #8E9DAA;
	background: -moz-linear-gradient(top, #8E9DAA, #323C46);
	background: -webkit-gradient(linear, left top, left bottom, from(#8E9DAA), to(#323C46));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8E9DAA', EndColorStr='#323C46', GradientType=0);
}

.item-side-menu-panel-separator {
	width: 100%;
	height: 0.1em;
	background: #303030;
}

.image-item-side-menu-panel {
	width: 1.5em;
	vertical-align: middle;
}

/* Header page */
.header {
	background: url('../assets/headerBackground.png');
	width: 58.750em;
	position: relative;
	left: -1.7em;
	top: 1em;
	border: 0.15em solid #303030;
	padding: 0.250em;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	box-shadow: 0 0 0.2em 0.2em #999999;
	-moz-box-shadow: 0 0 0.2em 0.2em #999999;
	-webkit-box-shadow: 0 0 0.2em 0.2em #999999;	
}

.applogo {
	 width: 2.5em;
}

.minDBLogo {
	width: 10em;
}

.leftLogo {
	float: left;
}

.rightLogo {
	float: right;
	font-size: 0.5em;
}

.application_title {
	float: left;
	padding-left: 0.250em;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1.5em;
}

/* Body page */
.body {
	width: 100%;
}

.body-section-content {
	border: 0.12em solid #303030;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	z-index: 5;
	opacity:0.9;
	filter:alpha(opacity=90);

	float: left;
	margin: 0.625em;
	margin-top: 2.250em;
    background: #EAE7D6;
 
 	max-width: 74%;   
	width: 100%;
	
	text-align: justify;
	padding: 1.2em;
	font-size: 0.825em;
	line-height: 1.6em;
	
	color: #252525;
}


.contentLink {
	color: #924800;
}


/* Footer page */
.footer {
	background: url('../assets/footerBackground.png');
	display: table;
	height: 1.75em;
	width: 100%;
	position: relative;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	border: 0.1em solid #303030;
}

.footerLink {
	color: #999999;
	font-size: 0.6em;
	vertical-align: middle;
	display: table-cell;
	top: 50%;
}