*, html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 11px;
}

img {
	border:none;
}

a:active, a:link, a:visited, a:active *, a:link *, a:visited * {
	color: #000080;
	text-decoration: none;
}

a:hover, a:hover * {
	color: #4040a0;
	text-decoration: none;
}

input, textarea, .actionButtons a {
	border: 1px solid #BBBBBB;
	font-size: 10px;
	background: #ffffff;
	color: #000000;
}

input[type='text'], input[type='password'], textarea {
	background: #ffffff ; /* repeat-x url(../img/input-background.png) 0 0; */
	padding: 2px;
}

input[type='text']:focus, textarea:focus {
	background: #ffffdd; /* repeat-x url(../img/input-background-focus.png) 0 0; */
}

input[type='submit'], input[type='button'], .actionButtons a {
	background: #e8e8e8;
	color: #000000;
	margin: 5px;
	padding: 1px 4pt;
	border-color: gray;
	border-style: outset;
}

input.excel {
	padding-left: 20px;
	background: #e8e8e8 url(../img/format-excel.png) 2px 50% no-repeat;
}

.actionButtons {
	width: 100%;
	text-align: center;
	padding-bottom: 5pt;
}

.tableControl {
	text-align: right;
}

h1 {
	color: #578BB8;
	font-size: 1.6em;
	margin-top: 0;
}

.columnHeader:hover
{
		color: #FF6600;
}

.prop {
	clear: both;
	font-size: 11px;
	border-bottom: 1px dashed #B0B0B0;
}

label .name {
	font-size: 11px;
}

.name {
	display: block;
	font-weight: bold;
	width: 230px;
	float: left;
	padding: 5px;
	margin-top: 5px;
	clear: left;
}

.value {
	display: block;
	padding: 5px;
	padding-top: 10px;
	margin-left: 235px;
}

.value input[type="submit"] {
	margin: 0 5px;
	padding: 0;
}

/*
 * Layout
 */

div.header {
	height: 45px;
	background-color: #ffffff;
	color: #000000;
}

a#homepage {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #000000;
	padding: 10px;

	text-transform: uppercase;
	font-style: italic;
	font-size: 15pt;
	text-decoration: none;
}

a#homepage .logo {
	position: absolute;

	top: 0;
	left: 0;

	width: 255px;
	height: 41px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
}

div.header .info {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	heigth: 40px;
	padding: 5pt;
}

div.header .info .user {
	clear: both;
	float: right;
	line-height: 20px;
	padding-left: 22px;
	background: url(../img/user.png) no-repeat 0 50% transparent;
}

.info a.logout {
	display: block;
	clear: both;
	float: right;
	background: url(../img/logout.png) no-repeat 0 50% transparent;
	padding-left: 20px;
	padding-top: 4px;
	line-height: 24px;
}

.footer {
	border-top: 1px solid #808080;
	font-size: 10px;
	text-align: center;
	background-color: #ffffff;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1%;
	overflow: hidden;
	font-size: 0;
	margin-bottom: -1px;
}

/*
 * login only
 */

#modal {
	margin-left: 25%;
	margin-top: 8em;
	margin-bottom: 8em;
	width: 50%;
	border: 1px solid #999999;
}

/*
 * form
 */

fieldset {
	display: block;
	border: none;
	padding: 4pt;
	clear: both;
}

legend {
	color: #00000;
	font-weight: bold;
	padding: 2px 5px; /* @see .name */
	border-bottom: 1px dashed #e0e0e0;
}

.prop .description {
	color: #999999;
}

.main-menu ul, .main-menu li {
	display: block;
}

.main-menu li {
	height: 16pt;
	width: 7em;
	float: left;
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid #999999;
	border-left: none;
	background-color: #E4EFF1;
	text-align: center;
}

.main-menu li.end {
	float: none;
	width: auto;
	border-top: 1px solid transparent;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999999;
	background-color: #ffffff;
}

.main-menu li.selected {
	background-color: #f2f3d3;
	border: 1px solid #999999;
	border-left: none;
	border-bottom: 1px solid #f2f3d3;
}

.main-menu li a {
	display: block;
	padding: 1pt 10pt;
	height: 15pt;
}

.submenu {
	padding: 4pt 6pt;
	border-bottom: 1px solid #999999;
}

.submenu a {
	display: block;
	float: left;
	width: 100px;
	height: 24px;
	padding: 4pt 0 0 22px;
}

h2 {
	padding: 3pt 6pt;
	font-size: 13px;
	font-weight: normal;
	clear: both;
}

/*
 * tabelle
 */

table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
	font-size: 12px;
}

table th {
	border-top: none;
	line-height: 20px;
}

table td a {
	line-height: 23px;
}

table th, h2, .submenu {
	background-color: #f2f3d3;
}

table tr td {
	padding: 0.1em 0.2em 0.2em 0.2em;
}

td, th {
	background-color: #ffffff;
	border: 1px solid #b0b0b0;
}

tr.even td {
	background-color: #f8f8f8;
}

td a, th a {
	 display: block;
	 padding: 1pt;
	 text-decoration: none;
}

tr:hover > td, th a:hover {
	background-color: #d0d0ff;
}

/*
 * corrections for table on checkbox
 */
.value table {
	width: auto;
	clear: none;
	margin: 0;
}

.value table td {
	border: none;
}
.value table tr:hover td {
	background: transparent;
}

/*
 * misc
 */
.disabled, .disabled *, input.disabled {
	color: #a0a0a0;
}

/* calendar related */
table.rich-calendar-popup {
	width: auto;
}
/*
 * non risolvibile diversamente?
 */
fieldset div .rich-calendar-popup tr:hover td {
	background-color: #ffefef;
}
fieldset div .rich-calendar-popup td:hover {
	background-color: #ffb0b0;
}
/* ... */

fieldset fieldset {
	border: 1px solid #606060;
}

fieldset fieldset legend {
	padding: 0.1em 0.5em;
	border: 1px solid #9090a0;
	background-color: #e0e0f0;
}

.privacy {
	clear: both;
	height: 25em;
	width: 70em;
	margin: 2em 0;
	padding: 2pt;
	border: 1px solid #707070;
	overflow: scroll;
	overflow-x: hidden;
}

.privacy h1 {
	text-align: center;
}

/* original
 */

.error {
	padding: 5px;
}
.errors {
	color: red;
	vertical-align: middle;
}
img.errors {
	padding-left: 5px;
	padding-right: 5px;
}
.errors input {
	border: 1px solid red;
}
.errors textarea {
	border: 1px solid red;
}

.required {
	color: red;
	padding-left: 2px;
}

.rich-stglpanel-body {
   overflow: auto;
}

/*
 * tinymce compatibility
 */

.mceEditor tr td a {
	display: inline;
}


/*
 * message & severity
 */

.messages ul {
	width: 50%;
	color: #000000;
	background-color: #ffd47e;
	border: 1px solid #808080;

	list-style: none;
	margin: 0.5em;
	padding: 0;
}

.messages ul li {
	margin: 0;
}

.messages ul li {
	background-repeat: no-repeat;
	background-position: 2pt 50%;
	line-height: 24px;
	padding-left: 25px;
	display: block;
}

.messages .info {
	background-image: url(../img/information.png);
}

.messages .warn {
	background-image: url(../img/warning.png);
}

/*
 * navigation
 */

div.navigation {
	margin: 1em 0 1em 0 !important;
	text-align: center;
}

div.navigation div {
	float: left;
	width: 32%;
	padding: 0;
}

div.navigation div span, div.navigation div a {
	padding: 0 1em;
}

.navigation .next, .navigation .last {
	float: left;
}

.navigation .previous, .navigation .first {
	float: right;
}

.navigation .next {
	background: url(../img/next.png) no-repeat 100% 51% transparent;
	padding-right: 16px;
}

.navigation .previous {
	background: url(../img/previous.png) no-repeat 0 51% transparent;
	padding-left: 16px;
}

.navigation .last {
	background: url(../img/last.png) no-repeat 100% 51% transparent;
	padding-right: 18px;
}

.navigation .first {
	background: url(../img/first.png) no-repeat 0 51% transparent;
	padding-left: 18px;
}

.navigation .disabled {
	opacity: 0.5;
}

#jump-to-page a, #jump-to-page strong {
	padding: 0 0.15em 0 0.15em;
}

#jump-to-page strong, .searchResultsCount strong {
	color: #a00000;
}

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

img.captcha {
	/* border: 1px solid #333333; */
	position: relative;
	top: 5px;
}

a.selected {
	font-weight: bold;
}

ul.selection {
	margin-left: 2em;
}

a.file-open {
	padding-left: 10px;
}

a.file-download {
  background: url(../img/download.png) 0 0 no-repeat;
  padding-left: 16px;
  padding-right: 4px;
}

.numerical {
	text-align: center;
}

#menu-list {
	background: url('../img/doc-list.png') 0 0 no-repeat;
}

#menu-create {
	background: url('../img/doc-new.png') 0 0 no-repeat;
}

#menu-search {
	background: url('../img/doc-search.png') 0 0 no-repeat;
}
