/* Always show the vertical scrollbar */
html {overflow-y: scroll;}

html body {
	background-color: #35528F;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

img   { border: 0; }
a img { border: 0px none; }

.debug {
	background-color: #E2FF83;
	border: 1px dashed #FF0000;
}

/** BUTTONS **/
table.button {
	cursor: pointer;
	margin-left: 5px;
}

table.button td.button_background {
	background-image: url(../images/button/btn_bgr.gif);
	padding: 0 7px;
	color:#2B5070;
	font-size: 10px;
	font-weight: bold;
}

/** LOADING **/
div#siteloading {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	background: #000;
	text-align: center;
	padding-top: 250px;
	z-index: 1000;
	opacity: .3;
	filter: alpha(opacity=30);
}

/* Header */
#header {
	background-color: #35528F;
	width: 100%;
	font-size: 10px;
	color: #FFFFFF;
}

#header td#infobar {
	text-align: right;
	padding-right: 5px;
}

div#infobar_langs   { margin-top: 5px;   }
div#infobar_langs a { margin-right: 5px; }



/* Menus */
#menuLevel1 {
	background-color: #D4D0C8;
	font-size: 80%;
	border-top:    1px solid #000;
	border-left:   1px solid #000;
	border-right:  1px solid #000;
	padding: 10px 10px 0 10px;
	margin: 2px 2px 0 2px;

}
#menuLevel1 a {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

#menuLevel1 a:link    { color: #000000; text-decoration: none; }
#menuLevel1 a:visited { color: #000000; text-decoration: none; }
#menuLevel1 a:hover   { color: #000000; }
#menuLevel1 a:active  { color: #000000; }
#menuLevel1 a.selected {
	background-color: #CCD4E3;
	border-top:    1px solid #000;
	border-left:   1px solid #000;
	border-right:  1px solid #000;
	border-bottom: 1px solid #CCD4E3;
}

div#menuLevel2 {
	padding: 10px 10px 0 10px;
	background-color: #CCD4E3;
	font-size: 80%;
	border-bottom: 1px solid black;
}
div#menuLevel2 a         { padding: 5px 1em 0 1em; }
div#menuLevel2 a:link    { color: #000000; text-decoration: none; }
div#menuLevel2 a:visited { color: #000000; text-decoration: none; }
div#menuLevel2 a:hover   { color: #000000; }
div#menuLevel2 a:active  { color: #000000; }
div#menuLevel2 a.selected {
	background-color: white;
	border-top:    1px solid #000;
	border-left:   1px solid #000;
	border-right:  1px solid #000;
	border-bottom: 1px solid #fff;
}

/* Body */
div#module {
	background-color: white;
	border: 1px solid black;
	margin: 0 2px 0px 2px;
}

/* footer */
div#footer {
	color: white;
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.copy, .copy a, .copy a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.copy a:hover {
	text-decoration: underline;
}

/**** LOGIN *****************************************************************/
div#activateJavaScript {
	color: red;
	text-align: center;
}

div#login_image {
	text-align: center;
	margin-bottom: 1em;
}

form#login input {
	font-size: 0.8em;
	border: 1px solid #CCCCCC;
}

form#login input#username,
form#login input#password,
form#login input#code {
	width: 15em;
}

form#login table {
	border: 0;
	font-size: 0.8em;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
}

form#login table td.login_label {
	text-align: right;
}

form#login table td.login_title {
	text-align: center;
	font-weight: bold;
}

form#login table td.login_error {
	text-align: center;
	font-weight: bold;
	color: #FF0000;
}

form#login table td.login_code img { vertical-align: middle; }