* {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.link-button-wrapper {
    width: 60px;
    height: 18px;
    border-radius: 4px;
    background-color: #E6E6E6;
    display: block;
    border:1px solid #000000;    
    font-size: 12px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.link-button-wrapper > a {
    display:inline-table;
    cursor: default;
    text-decoration: none;
    height: 100%;
    width:100%;
}

.small {
	font-size: 10px;
}

html {
	height: 100%;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

body {
	position: relative;
	color: #000000;
 	background-color: #ffffff;
	margin: 0px;
	cursor: default;
	background-repeat: repeat-y;
	overflow-y: scroll;
	width: 100%;
 	height: 100%;
	padding:0;
}
 
 
 .body-table
{
 width: 100%;
 height: 100%;
}

.body-table td
{
	vertical-align: middle;
}

.body-table td.spacer
{
	width: 50%;
}

.login-container
{
	/** background-image: url('epsng_schrift_gross.png'); **/
	background-size: 500px 190px;
	background-repeat: no-repeat;
	background-position: left top;
	
	position: relative;
	width: 915px;
	height: 348px;	
}

.login
{
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	width: 400px;
}

.login .header
{
	position: absolute;
	
	top: 0px;
	left: 0px;
	height: 30px;
	
	margin-left: 10px;
	margin-top:8px;
	
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.login .content
{
	position: absolute;
	
	top: 31px;
	left: 0px;

	/*margin-left: 10px;*/
	padding-left: 10px;
	margin-top: 5px;

	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.error-text,
.impressum
{
		position: absolute;
	
	top: 31px;
	left: 0px;
	padding-left: 10px;
	margin-top: 5px;

	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.login .content label
{
	cursor: pointer;
	width: 100%;
	
	margin-top: 10px;
	margin-bottom: 5px;
	
	display: block;
}
 
.login-input
{
	width: 216px;
	border: 1px solid #b8c9d1;
	background-color: #ffffff;
}
.login-input-focused
{
	background-color: #ffffd5;
}

.login .content .login-button
{
	margin-top: 15px;
}
 
.message
{
	position: relative;
	right: 0px;
	height: 19px;
	width: 915px;
	background-image: url('msgBackground.jpg'');
	background-repeat: no-repeat;
	background-position: left top;
	
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	
	text-align: center;
	margin-top: 10px;
	padding-top: 2px;
} 

 
p {
	font-weight: normal;
}

.jobheader {
	font-size: 26px;
	color: #05449C;
	background: #E4EAF4 url('epsng_favicon_gross.png') no-repeat center left;
	background-size: 50px;
	margin-left: 3px;
	padding-left: 57px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px
}

.version {
	float: right;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	margin-right: 10px;
}

.main {
	padding-left: 60px;
	padding-bottom: 10px;
}

.subheader {
	font-size: 18px;
	color: #777777;
	padding-top: 10px;
	padding-bottom: 10px;
}

.subheaderInfo {
	font-size: 10px;
	font-weight: normal;
	color: #05449C;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer {
	padding: 10px;
	float: right;
}

.editbox {
	border-spacing: 2px;
	padding: 4px 0px 4px 6px;
	border-left: 6px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #05449C;
	border-style: solid;
}

.editentry {
	display: inline;
}

.iconbutton {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #E4EAF4;
	border-style: solid;
	border-color: #05449C;
	border-width: 0px;
	margin: 2px;
	text-align: center;
	text-decoration: none;
	cursor: default;
	width: 16px;
	height: 16px;
}

.headerbutton {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #E4EAF4;
	border-style: solid;
	border-color: #05449C;
	border-width: 2px;
	margin-left: 10px;
	text-align: center;
	text-decoration: none;
	cursor: default;
	width: 152px;
	height: 18px;
}

.textbutton {
	border: 1px solid #000000;
	display: block;
	float: inherit;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
    cursor: default;
    width: 50px;
    height: 20px;
}

a.textbutton:hover {
	background: url('submitover2.gif');
}

.createbutton {
	background-image: url('create2.png');
}

.togglebutton {
	background-image: url('toggle.gif');
}

.deletebutton {
	background-image: url('delete2.png');
}

.blindbutton {
	background: transparent;
	background-image: url('blind2.png');
	/*	width: 0px;*/
}

a.deletebutton:hover {
	background: url('deleteover2.png');
}

.helpbutton {
	background-image: url('help.gif');
}

a.helpbutton:hover {
	background: url('helpover.gif');
}

.nondeletebutton {
	color: #C0C0C0;
	background: #808080 url('delete2.png');
	visibility: hidden;
	background-image: url('delete2.png')
}

.emailbutton {
	background-image: url('email2.png');
}

a.emailbutton:hover {
	background: url('emailover2.png');
}

.editbutton {
	background-image: url('edit2.png');
}

a.editbutton:hover {
	background: url('editover2.png');
}

.editbuttonnofloat {
	background-image: url('edit2.png');
	float: none !important;
}

a.editbuttonnofloat:hover {
	background: url('editover2.png');
}

.copybutton {
	background-image: url('copy2.png');
}

a.copybutton:hover {
	background: url('copyover2.png');
}

.plusbutton {
	background-image: url('plus2.png');
	float: none !important;
}

a.plusbutton:hover {
	background: url('plusover2.png');
}

.savebutton {
	background-image: url('save2.png');
	float: none !important;
}

a.savebutton:hover {
	background: url('saveover2.png');
}

.graueditbutton {
	color: #C0C0C0;
	background: #808080 url('edit2.png');
}

.releasebutton {
	background-image: url('release2.png');
}

a.releasebutton :hover {
	background: url('releaseover2.png');
}

.translatebutton {
	background-image: url('translate2.png');
}

a.translatebutton:hover {
	background: url('translateover2.png');
}

.downloadbutton {
	background-image: url('download2.png');
}

a.downloadbutton:hover {
	background: url('downloadover2.png');
}

.detailbutton {
	background-image: url('detail2.png');
}

a.detailbutton:hover {
	background: url('detailover2.png');
}

.declinebutton {
	background-image: url('decline2.png');
}

a.declinebutton:hover {
	background: url('declineover2.png');
}

.revertbutton {
	background-image: url('revert2.png');
}

a.revertbutton:hover {
	background: url('revertover2.png');
}

.uploadbutton {
	background-image: url('upload2.png');
}

a.uploadbutton:hover {
	background: url('uploadover2.png');
}

.searchbutton {
	background-image: url('search2.png');
}

a.searchbutton:hover {
	background: url('searchover2.png');
}


.error {
	color: #F01010;
	margin-bottom: 0px;
}

a {
	text-decoration: none;
	color: #05449C;
}

table {
	border: none;
	padding: 0px;
	margin: 0px;
}

input.textinput {
	background-color: #E4EAF4;
	border-color: #05449C;
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
	padding: 1px 1px 1px 1px;
}

input.textinputSmall {
	background-color: #E4EAF4;
	border-color: #05449C;
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
	/* padding: 1px 1px 1px 1px; */
}

input.textinputEvenSmaller {
	background-color: #E4EAF4;
	border-color: #05449C;
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
	width: 100px !important;
	/* padding: 1px 1px 1px 1px; */
}

input.disabled {
	background-color: #EFEFEF;
	color: gray;
}

input.readonly {
	color: gray;
}

textarea {
	font-weight: normal;
}

.fullwidth {
	width: 99%;
}

input.kbsubmit {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	border: 0px;
}

select {
	width: 156px;
	background-color: #E4EAF4;
	border-color: #05449C;
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
}

select.selectlong {
	background-color: #E4EAF4;
	border-color: #05449C;
	border-style: solid;
	border-width: 1px;
	width: auto !important;
	font-weight: normal;
}

select.selectdouble {
	width: 320px;
	background-color: #E4EAF4;
	border-color: #05449C;
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
}

option {
	background-color: #E4EAF4;
	font-weight: normal;
}

span.disabled {
	color: grey;
}

pre {
	font-family: monospace;
	font-size: 10px;
	font-style: normal;
	white-space: pre;
}

td.varcell {
	padding: 0px 2px 0px 2px;
}

td.fixedcell {
	padding: 0px 2px 0px 2px;
	width: 170px !important;
}

td.fixedcellinedit {
	padding: 0px 2px 0px 2px;
	width: 158px !important;
}

td.fixedcelllong {
	padding: 0px 2px 0px 2px;
	width: 270px !important;
}

td.infoheadline {
	vertical-align: text-top;
	font-weight: bold;
	width: 170px !important;
}

td.changesDoneBy {
	font-size: 10px;
	color: gray;
	padding: 0px 0px 5px 0px;
	font-weight: normal !important;
}

td.ebcdickey {
	font-size: 10px;
	color: red;
	padding: 0px 0px 5px 0px;
	width: 60px !important;
}

td.changesDoneBy a {
	font-size: 10px;
	font-weight: normal !important;
}

td.infokey,td.infokey label {
	font-weight: normal;
	width: 170px !important;
}

td.infokeyred {
	color: red;
	font-weight: normal;
	font-size: 10px;
}

td.infovalue {
	vertical-align: text-top;
	font-weight: normal;
}

td.infovaluepadded {
	vertical-align: text-top;
	font-weight: normal;
	padding-left: 20px;
}

/* table highlighting */
table.tablelink {
	border-spacing: 0px;
	border-width: 1px;
	border-style: solid;
	border-top-style: solid;
	border-color: #05449C;
	width: 99%;
}

tr.tablelink-dimmed {
	cursor: pointer;
}

tr.tablelink-highlighted {
	background-color: #E4EAF4;
	cursor: pointer;
}

td.tablehref,th.tablehref {
	display: none;
}

th.tablelink {
	background-color: #05449C;
	color: white;
	padding: 0px 0px 2px 2px;
	border: 0px;
	text-align: left;
	vertical-align: middle;
	width: 170px !important;
	white-space: nowrap;
}

th.tablelinknowidth {
	background-color: #05449C;
	color: white;
	padding: 0px 6px 2px 2px;
	border: 0px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

th.tablelinkblue {
	background-color: #05449C;
	color: #05449C;
	padding: 0px 6px 2px 2px;
	text-align: left;
	vertical-align: middle;
	width: 170px !important;
	white-space: nowrap;
}

th.tablelink-variable {
	background-color: #05449C;
	color: white;
	padding: 0px 6px 2px 2px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

td.tablelink {
	font-weight: normal;
	color: #05449C;
	border: 0px;
	padding: 0px 6px 2px 2px;
	width: 170px !important;
}

td.tablelinkgrey {
	font-weight: normal;
	color: grey;
	border: 0px;
	padding: 0px 6px 2px 2px;
	width: 170px !important;
}

td.tablelinkblack {
	font-weight: normal;
	color: #000000;
	border: 0px;
	padding: 0px 6px 2px 2px;
	width: 170px !important;
}

td.tablelinkblacknowidth {
	font-weight: normal;
	color: #000000;
	border: 0px;
	padding: 0px 6px 2px 2px;
}

td.tablelinkblackspecial {
	font-weight: normal;
	color: #000000;
	border: 0px;
	padding: 0px;;
	margin: 0px;
	width: 170px !important;
}

td.principal,td.principal span {
	color: #008000;
}

td.tablelink-variable {
	font-weight: normal;
	color: #05449C;
	border: 0px;
	padding: 0px 6px 2px 2px;
}

td.tablelink-variablegrey {
	font-weight: normal;
	color: grey;
	border: 0px;
	padding: 0px 6px 2px 2px;
}

td.tablelink-variable-bold {
	font-weight: bold;
	color: #05449C;
	border: 0px;
	padding: 0px 6px 2px 2px;
}

td.dottedBorder {
	border-top-width: 1px;
	border-top-style: dashed;
	border-color: #05449C;
}

td.blackFont {
	color: black;
}

td.labelinfo {
	color: black;
	font-weight: normal;
	border: 0px;
	padding: 5px 5px 5px 5px;
}

td.speciallabelinfo {
	color: black;
	font-weight: normal;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 20px;
}

td.inactive {
	color: gray;
}
/* group layout */
table.frames {
	width: 100%;
}

td.frames {
	padding: 0px 0px 5px 5px;
	vertical-align: top;
}

div.frame {
	position: relative;
	margin-top: 12px;
	margin-bottom: 4px;
	border: 1px solid #05449C;
	padding: 5px;
	padding-top: 10px;
	height: auto;
	margin-right: 5px;
}

div.frame .title {
	position: absolute;
	display: inline;
	left: 6px;
	top: -8px;
	font-weight: 700;
	color: #000000;
	background-color: #F7F7F7;
	white-space: nowrap;
	overflow: hidden;
}

div.infotext {
	position: relative;
	margin-top: 12px;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #05449C;
	background-color: #E4EAF4;;
	padding: 10px 10px 10px 15px;
	height: auto;
	margin-right: 5px;
}

/* Data with labels --------------------------------------------------------- */
table.labelData {
	border-spacing: 0px;
	table-layout: auto;
	width: 100%;
}

table.labelData td {
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
}

table.labelData td.label {
	width: 160px !important;
	padding-left: 3px;
	padding-right: 0px;
}

table.labelData td.labelBold {
	width: 160px !important;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
}

table.labelData td.labelBoldShort {
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	white-space: nowrap;
}

table.labelData td.data {
	padding-left: 0px;
	padding-right: 0px;
}
/*
.tableRowSpacer {
	height:	2px ! important; */
.row0 {
	background-color: #f5f5f5;
}

.row1 {
	background-color: #EFEFEF;
}

td.listpic {
	background: #F7F7F7 url('menuitem.png') no-repeat center left;
	width: 26px !important;
}
/* menu highlighting and open/close */
tr.menugroup-opened-dimmed {
	color: #05449C;
	border: 0px none;
	width: 500px !important;
	background: #F7F7F7 url('menugroup-opened.png') no-repeat center left;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #F7F7F7
}

tr.menugroup-opened-highlighted {
	color: #05449C;
	border: 0px none;
	width: 500px !important;
	background: #E4EAF4 url('menugroup-opened.png') no-repeat center left;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #E4EAF4
}

tr.menugroup-closed-dimmed {
	color: #05449C;
	border: 0px none;
	width: 500px !important;
	background: #F7F7F7 url('menugroup-closed.png') no-repeat center left;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #F7F7F7
}

tr.menugroup-closed-highlighted {
	color: #05449C;
	border: 0px none;
	width: 500px !important;
	background: #E4EAF4 url('menugroup-closed.png') no-repeat center left;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #E4EAF4
}

tr.menuitem-opened-dimmed {
	color: #05449C;
	border: 0px none;
	width: 500px !important;
	background: #F7F7F7 url('menuitem.png') no-repeat center left;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #F7F7F7
}

tr.menuitem-opened-highlighted {
	color: #05449C;
	border: 0px none;
	width: 500px !important;
	background: #E4EAF4 url('menuitem.png') no-repeat center left;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #E4EAF4
}

tr.menuitem-closed-dimmed {
	display: none;
}

tr.menuitem-closed-highlighted {
	display: none;
}

td.menugroup {
	padding-left: 13px;
	width: 500px !important;
	color: #777777 !important;
}

td.menuitem {
	padding-left: 26px;
	width: 500px !important;
}

td.menuhref {
	display: none;
}

/* ajax select boxes widths */
#userRoleUserRoleDiv select {
	width: 500px;
}

#userRoleAccountTypeDiv select {
	width: 300px;
}

#accountTypeAccountTypeDiv select {
	width: 300px;
}
/* phoneNumber input fields*/
input.txtPhoneCountry {
	height: 18px;
	width: 22px;
}

input.txtPhoneArea {
	height: 18px;
	width: 32px;
}

input.txtPhoneNumber {
	height: 18px;
	width: 58px;
}

input.txtPhoneExt {
	height: 18px;
	width: 28px;
}
/* Date input --------------------------------------------------------------- */
table.dateInput {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.dateInput td.label {
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}

table.dateInput td.time,table.dateInput td.day,table.dateInput td.month,table.dateInput td.year
	{
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}

table.dateInput select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.dateInput td.time select {
	width: 60px;
}

table.dateInput td.day select {
	width: 50px;
}

table.dateInput td.month select {
	width: 65px;
}

table.dateInput td.year select {
	width: 57px;
}

/*
 * Account Event Todos
 */
table.accEvnt {
	width: 100%;
	border-collapse: collapse;
	margin: 4px 0;
}

table.accEvnt tr td {
	width: 10%;
	border: 1px solid #e0e0e0;
	font-weight: normal;
}

table.accEvnt tr td.value {
	width: 40%;
	color: black;
}

table.accEvnt tr td.first {
	border-left: 0px none gray;
}

table.accEvnt tr td.last {
	border-right: 0px none gray;
}

table.accEvnt tr.lastInGroup td {
	border-bottom: 1px solid #BBBBBB;
}

#wega {
	
} /*iframe*/

/* Accordion-Effect */ 

input#show, input#hide {
    display:none;
}

span#content {
    display:none;
}
input#show:checked ~ table#content {
  display:block;
}

input#hide:checked ~ table#content {
    display:none;
}