/* default styles static system.css */

body {
	/* deprecated: */
	/*
	scrollbar-face-color: #F7F7F7;
	scrollbar-shadow-color: #333333;
	scrollbar-highlight-color:#333333 ;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: #333333;
	*/
}
form, body {
	margin: 0;
	padding: 0;
}
body, td, th, a, input, textarea {
	font-family: Arial, Helvetica, sansserif;
}
body, td, th {
	color: #666666;
}
a, input, textarea {
	color: #333333;
}
input, textarea {
	border: 1px solid #CCCCCC;
	font-size: 1em;
}
img {
	border: 0;
}
table {
	border: 0;
	border-collapse: collapse;
}
td {
	padding: 0;
}
.wide {
	width: 100%;
}


/* default error class */

.error {
	padding: 0.2em 0 1em 1em;
	color: #990000;
	background: url(/rsrc/img/bg_error.gif) no-repeat top left;
	font-size: 0.9em;
}


/* title bar */

h1 {
	background-color: #333333;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding: 0.4em 0.6em;
	margin: 0 0 0.4em;
}
h1 img { /* for the arrow */
	margin-right: 0.6em;
	width: 11px;
	height: 11px;
}


/* login */

.loginPage .titleBar {
	width: 100%;
	margin-bottom: 0.25em;
}
.loginForm {
	border: 1px solid #CCCCCC;
	padding: 0.3em;
}
.loginForm .innerBox {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding: 0.2em 0;
}
.loginForm .innerBox .noTop {
	border-top: none;
}
.loginForm td.text, .loginForm .tag {
	padding: 0.1em 0.3em;
}
.loginForm .msg {
	font-size: 0.7em;
	padding: 0.3em;
}
.loginForm .text {
	font-size: 0.7em;
}
.loginForm .right {
	font-weight: bold;
	text-align: right;
}



/* blank message page */

.msg {
	font-size: 0.7em;
	padding: 0.4em 0.6em;
}

/* buttons */

.buttons {
	padding: 0.4em 0.6em 0.8em;
}
.button {
	background: url(/rsrc/img/bg_menu1x25.png) repeat-x;
	margin-bottom: 0.5em;
}
.button a {
	font-size: 0.75em;
	white-space: nowrap;
	letter-spacing: 0.1em;
	display: block;
	text-decoration: none;
	color: #555555;
	border: 1px solid #b7c2ec;
	border-bottom: 1px solid #8493CC;
	padding: 0.1em 1em 0.1em 0.3em;
}
.button a:hover {
	color: #000000;
	border: 1px solid #7287DE;
	border-bottom: 1px solid #b7c2ec;
}
.button img {
	/*margin-right: 6px; SW : Please do not use this!!! It creates a problem with a:hover. Use   instead. */
	vertical-align: middle;
	border: none;
}
img.bt11, input.bt11 { /* image input */
	width: 11px;
	height: 11px;
	border: 0;
}