@charset "UTF-8";

/*
 * CSS Reset
 * I added input, textarea and select
 * unused tags: applet, object, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center
 * deprecated tags: b, u, i, font
 */
html, body, div, span, h1, h2, h3, h4, p, a, dl, dt, dd, ol, ul, li, table, caption, thead, tbody, tfoot, tr, th, td, label, legend, form, fieldset, input, textarea, select, img {
	vertical-align: baseline; padding: 0; margin: 0; border: 0; background: transparent;
}
body {line-height: 1.3;}
ol, ul {list-style: none;}
:focus {outline: 0;}

/*
 * Global
 */

html {height: 100%; /*overflow-y: scroll;*/}
body {height: 100%; font-family: Verdana, Tahoma, Arial; font-size: 13px; margin: 0;}

a {color: #000000; text-decoration: none;}
a:hover {color: #0090ff;}
.css-attention:hover {color: #C00000;}
.css-link {color: #C00000; text-decoration: underline;}

/*
 * Buttons
 */
.css-button {
	display: inline-block; color: #3C3C3C; line-height: 1; font-size: 12px; text-decoration: none; border: 1px solid #CDCDCD; border-radius: 2px; padding: 4px 8px; cursor: pointer; white-space: nowrap;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
/* Button-Bar */
.css-button.css-left {border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.css-button.css-middle {border-right: none; border-radius: 0;}
.css-button.css-right {border-top-left-radius: 0; border-bottom-left-radius: 0;}

.css-button:hover {color: #FFFFFF;
	/*
	 * http://www.colorzilla.com/gradient-editor/#464646+0,3b3b3b+100;Custom
	 */
	background: #464646; /* Old browsers */
	background: -moz-linear-gradient(top,  #464646 0%, #3b3b3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#3b3b3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* IE10+ */
	background: linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */
}
.css-button.attention:hover {color: #FFFFFF;
	/*
	 * http://www.colorzilla.com/gradient-editor/#c00000+0,b50000+100;Custom
	 */
	background: #c00000; /* Old browsers */
	background: -moz-linear-gradient(top,  #c00000 0%, #b50000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00000), color-stop(100%,#b50000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c00000 0%,#b50000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c00000 0%,#b50000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c00000 0%,#b50000 100%); /* IE10+ */
	background: linear-gradient(top,  #c00000 0%,#b50000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00000', endColorstr='#b50000',GradientType=0 ); /* IE6-9 */
}

/* extends css-button */
.css-round-button {border-radius: 20px; padding: 3px 8px;}

/*
 * Login
 */
#css-login {position: absolute; top: 194px; left: 505px; background-color: rgba(255, 255, 255, 0.75); border-radius: 6px; box-shadow: 0 0 8px rgba(25, 25, 25, .3); padding: 5px; margin: 0;}
/* drag&drop support */
#css-login.ui-draggable .css-box-header {cursor: move; cursor: -moz-grab;}
#css-login.ui-draggable-dragging .css-box-header {cursor: move; cursor: -moz-grabbing;}

#css-wide-screen {height: 275px; background: #00B4FF; margin-top: 5px;}

/*
 * Page Header
 */
#css-page-header {position: fixed; top: 0; min-width: 975px; width: 100%; z-index: 100;}

/*
 * Page Banner
 */
#css-page-banner {height: 90px; background: url(images/banner-background-1x90px.png); overflow: hidden;}
.css-application-name { width: 375px; height: 70px; border: 1px solid transparent; border-radius: 5px; cursor: pointer; margin: 10px;}
.css-application-name:hover {border: 1px solid rgba(25, 25, 25, .1); box-shadow: 0 0 2px rgba(25, 25, 25, .1)}
.css-application-name:active {border: 1px solid rgba(25, 25, 25, .2); box-shadow: none;}
.css-application-name img { position: relative; top: -10px;}

/*
 * Logout
 */
#css-logout {position: absolute; top: 0; right: 0;}

/*
 * Quick Search
 */
#css-quick-search {position: absolute; top: 23px; right: 23px; background-color: #FFFFFF; padding: 1px 6px; border: 2px solid #9DB5C9; border-radius: 15px;}
#css-quick-search input {width: 135px;}
#css-quick-search-result {display: none; position: fixed; top: 120px; right: 0; width: 340px; height: 150px; overflow: auto; border: 1px solid #00B4FF; background: #FFF; padding: 8px; z-index: 100;}

/*
 * Global TabPage
 */
/* padding-right should be 25px but from view-perspective its 22px only */
#css-global-tabpage {position: absolute; top: 66px; right: 22px; font-size: 12px; font-weight: bold;}
#css-global-tabpage a {position: relative; display: inline-block; padding: 6px 12px 4px; margin: 0 -2px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 3px rgba(25, 25, 25, .3);}
#css-global-tabpage a.css-selected {color: #FFFFFF; background-color: #00B4FF;}
#css-global-tabpage a:hover {color: #FFFFFF; background-color: #464646;}
#css-global-tabpage a.css-selected:hover {color: #FFFFFF; background-color: #00B4FF;}

/*
 * Top Navigation
 */

#css-topnavi {position: relative; height: 36px; background-image: url(images/top-navigation-background-1x36px.png); z-index: 151;}

/* Level 1 */
#css-topnavi > div > ul {} /* blue line */
#css-topnavi > div > ul > li {display: inline-block; position: relative; padding: 5px 5px 4px; height: 16px;}
#css-topnavi > div > ul > li:hover {cursor: pointer;
	/*
	 * http://www.colorzilla.com/gradient-editor/#464646+0,3b3b3b+100;Custom
	 */
	background: #464646; /* Old browsers */
	background: -moz-linear-gradient(top,  #464646 0%, #3b3b3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#3b3b3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* IE10+ */
	background: linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */
}

#css-topnavi > div > ul > li:hover a {color: #FFFFFF;}
#css-topnavi > div > ul > li:hover > ul {display: block;}

/* Level 2 */
#css-topnavi > div > ul > li > ul {display: none; position: absolute; top: 25px; left: 0; min-width: 180px; background-color: rgba(25, 25, 25, .8); box-shadow: 1px 1px 2px rgba(25, 25, 25, .5); padding: 4px 0 6px;}
#css-topnavi > div > ul > li > ul > li {padding: 4px 8px;}
#css-topnavi > div > ul > li > ul > li:hover {background-color: #FAFAFA;}
#css-topnavi > div > ul > li > ul > li:hover a {color: #000000;}

/*
 * Effective Date
 */
#css-topnavi #effectiveDate {font-size: 9pt;}

/**
 * Breadcrumbs
 */
#css-breadcrumbs {clear: both; margin-top: 4px;}
#css-breadcrumbs ul li {float: left; display: block; padding: 0 6px 0 12px; background: url(../../../images/breadcrumbs-8x20px.png) no-repeat top left;}
#css-breadcrumbs ul li:first-child {padding-left: 0; background: none;}
#css-breadcrumbs ul li a {color: #777777; font-size: 0.9em;}
#css-breadcrumbs ul li a:hover {color: #0090FF;}
#css-breadcrumbs ul li .css-active {color: #0090FF;}

/*
 * Page Footer
 */
#css-page-footer {position: fixed; bottom: 0; min-width: 850px; width: 100%; border-top: 1px solid #CDCDCD; background: url(images/box-header-background-1x16px.png);}
#css-page-footer .css-inlay {font-size: 0.9em; padding-left: 25px; padding-right: 25px;}

/*
 * Page Content
 */
/* TODO_DE: used? substitude css-center! */
/* padding-top = css-page-header.height + css-topnavi.height, padding-bottom = css-page-footer.height */
#css-page-content {clear: both; margin: 0 auto; padding: 125px 25px 20px;}

#css-center {width: 850px; margin: 0 auto; clear: both;}
#css-center-inlay {padding-left: 0;	padding-right: 0; margin-bottom: 25px;}

/* Common */

/*
 * Headings
 */
h1 {font-size: 1.0em;	padding-top: 22px;}
h2 {font-size: 1.0em; padding-top: 20px; padding-bottom: 2px;}
h3 {font-size: 1.0em; font-weight: normal; padding-top: 12px;}

/*
 * Paragraphs
 */
p {
	line-height: 18px;
	text-align: justify;
	margin: 8px 0 4px 0;
}

/*
 * Help, Error
 * @Deprecated
 */
.css-msg-help {background: #FFFF99; border-top: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; padding: 6px; margin: 12px 0 12px 0;}
.css-msg-error {background: #FFCBCB; border-top: 1px solid #C00000; border-bottom: 1px solid #C00000; padding: 6px; margin: 12px 0 12px 0;}

/*
 * Tables
 */
table {width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 10px; margin-bottom: 8px;}

/**
 * Today, Heute
 */
#today {font-size: 0.95em; color: #CDCDCD; cursor: pointer;}
#today:hover {color: #0090ff;}

.css-form-field #today {font-size: 0.95em; color: #ABABAB; text-decoration: none; cursor: pointer; margin-left: 2px;}
.css-form-field #today:hover {color: #0090FF;}

/*
 * Data Tables
 */
.css-data-table {cursor: default;}
.css-data-table th,
.css-data-table td {padding: 3px 5px;}
.css-data-table th {text-align:left; white-space: nowrap;}
.css-data-table thead tr {height: 22px; border: 1px solid #CDCDCD; border-bottom: 1px solid #00B4FF;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: url(images/table-head-background-1x50px.png) repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-data-table tbody tr {border: 1px solid #CDCDCD;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: url(images/table-row-background-1x22px.png) repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-data-table tbody tr:hover {background: url(images/table-row-hover-1x100px.png);}
.css-data-table tr.css-selected {background: url(images/table-row-selected-1x22px.png);}
.css-data-table tr.css-selected:hover {background: url(images/table-row-hover-1x100px.png);}
.css-data-table tr.d1 {background: url(images/table-row-selected-1x22px.png);}
.css-data-table tr.d1:hover {background: url(images/table-row-hover-1x100px.png);}
.css-data-table a {color: #0090ff; text-decoration: underline;}

/*
 * Layout Tables
 */
.css-layout-table {margin: 0; padding: 0;}
.css-layout-table td {}

/**
 * Links at the end of a box
 */
.css-action-links ul {margin: 0;}
.css-action-links ul:first-child {padding-left: 0;}
/* TODO_DE: is this used? check following 4 lines!
/* within Boxes, e.g. view/update Object */
.css-action-links ul li {display: inline-block;}
.css-action-links ul li a {display: inline-block; border-left: 1px solid #CDCDCD; padding: 4px 8px;}
.css-action-links ul li a:hover {color: #FFFFFF; cursor: pointer;
	/*
	 * http://www.colorzilla.com/gradient-editor/#464646+0,3b3b3b+100;Custom
	 */
	background: #464646; /* Old browsers */
	background: -moz-linear-gradient(top,  #464646 0%, #3b3b3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#3b3b3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* IE10+ */
	background: linear-gradient(top,  #464646 0%,#3b3b3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */
}
.css-action-links ul li a.css-attention:hover {color: #FFFFFF;
	/*
	 * http://www.colorzilla.com/gradient-editor/#c00000+0,b50000+100;Custom
	 */
	background: #c00000; /* Old browsers */
	background: -moz-linear-gradient(top,  #c00000 0%, #b50000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00000), color-stop(100%,#b50000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c00000 0%,#b50000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c00000 0%,#b50000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c00000 0%,#b50000 100%); /* IE10+ */
	background: linear-gradient(top,  #c00000 0%,#b50000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00000', endColorstr='#b50000',GradientType=0 ); /* IE6-9 */
}

/**
 * Lists, Tables (div-based)
 * used for jQueryUI sortable
 */
/* TODO_DE: 2010-06-09 09:45 border-bottom: none as long the footer is disabled */
.css-list {border: 1px solid #CDCDCD; border-bottom: none; background: #EFEFEF; margin-top: 10px; margin-bottom: 8px;}
.css-list-header { height: 18px; font-weight: bold; padding: 2px 5px; border-bottom: 1px solid #00B4FF;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: url(images/table-head-background-1x50px.png) repeat-x; /* Old Browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-list-body {
	cursor: pointer;
}
.css-list-body .css-list-item {
	height: 18px; padding: 2px 5px; border-bottom: 1px solid #CDCDCD;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: url(images/table-row-background-1x22px.png) repeat-x; /* Old Browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-list-body div:hover {
	background: url(images/table-row-hover-1x100px.png);
}
.css-list-body a {
	color: #0090FF; text-decoration: underline;
}

.css-list-footer {
	height: 18px;
	padding: 0 2px;
	background: url(css/themes/grey-iceblue/images/table-head-background-1x50px.png) repeat-x;
}
.css-list-border {
	border: 1px solid #CDCDCD;
}
.css-list .ui-sortable-helper {opacity: 0.80;}

/**
 * Forms
 */

/* Update Mode */
/* General settings */

input, select, textarea {
	background: #FFFFFF;
	-webkit-transition: 250ms linear;
	-moz-transition: 750ms linear;
	-o-transition: 250ms linear;
	transition: 250ms linear;
}

input, textarea {
	padding: 4px 8px;
}
select {padding-left: 2px}

/* input, textarea, select {padding: 2px 1px;} */
/* Font-Family is not inherited! */
input, select, textarea {
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	border: 1px solid #8FADC6;
}

textarea {
	resize: vertical;
}

/* :focus */
input:focus, select:focus, textarea:focus {border: 1px solid #00B4FF; box-shadow: 0 0 3px rgba(0, 180, 255, .5);}

/* :disabled */
input[disabled="disabled"] {
	background: #FAFAFA;
}

/* Checkbox specific settings */
input.checkbox {padding: 0; margin-top: 2px;}

option { background: transparent; }

/*
 * TabPage
 */
.css-tabpage {margin: 15px 0 10px;}
.css-tabpage ul {position: relative;}
.css-tabpage ul:before {position: absolute; left: 0; bottom: -1px; content:""; width: 100%; border: 1px solid #464646; z-index: 21}
.css-tabpage ul li {position: relative; display: inline-block; vertical-align: bottom; margin-left: -3px;}
.css-tabpage ul li:first-child {margin-left: 0;}
.css-tabpage ul li a {display: inline-block; font-size: 12px; background-color: #FFFFFF; padding: 2px 8px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 2px rgba(25, 25, 25, 0.3);}
.css-tabpage ul li a.css-selected {color: #FFFFFF; background-color: #464646; padding: 4px 8px;}
.css-tabpage ul li:hover a {color: #000000; background-color: #EFEFEF;}
.css-tabpage ul li:hover a.css-selected {color: #FFFFFF; background-color: #464646;}

/*
 * Box
 */
.css-box {margin-top: 10px; margin-bottom: 8px; background: #FAFAFA; border: 1px solid #CDCDCD;}
.css-box-header {position: relative; height: 16px; font-weight: bold; padding: 4px 10px;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: url(images/box-header-background-1x16px.png) repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-box-header span.css-icon {position: absolute; top: 5px; right: 5px; height: 16px; width: 16px; cursor: pointer;}
.css-box-header span.css-open {background: url(images/icon-collapse-16x16px.png);}
.css-box-header span.css-closed {background: url(images/icon-expand-16x16px.png);}
.css-box-content {border-top: 1px solid #00B4FF;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-box-message {min-height: 14px; font-size: 12px; padding: 4px 10px; background: #FFFFFF; border-bottom: 1px solid #CDCDCD;}
/* TODO_DE: not used? */
.css-box-error {height: 14px; background: #FFCBCB; border-top: 1px solid #C00000; border-bottom: 1px solid #C00000; padding: 4px 10px;}

/* Form, Fieldset, Formfield */
.css-box form {padding: 10px 10px;}
fieldset {padding: 5px 0;}
fieldset.css-hidden-fields {padding: 0}
.css-form-field {clear: both; min-height: 18px; padding: 2px;}
.css-form-field a {color: #0090ff; text-decoration: underline;}

/* Label, Bezeichner */
/* font-size: 0.9em + margin-top: 1px <> vertical-align: middle */
.css-form-field label {display: block; float: left; /*font-size: 0.9em;*/ text-align: right; padding-left: 10px; margin-top: 0px; margin-right: 15px;}
.css-form-field label .css-new {color: blue;}
.css-form-field label .css-optional {font-weight: normal;}
.css-form-field label .css-required {font-weight: bold;}
.css-form-field label .css-invalid {color: red;}
.css-prefix {float:left; font-size: 0.9em; text-align: right; margin-right: 10px;}

.css-form-field-info {clear: both; font-size: 0.9em; font-style: italic; color: #888888; margin: 12px 5px 5px;}

/* View Mode */
.css-form-comment {padding: 5px 5px 5px 5px; margin: 10px 5px 5px 5px;}

/* Examples */
.css-example {color: #464646; padding-left: 10px;}

/* Units */
.css-unit {padding-left: 5px;}

/** Footer */
.css-box-footer {min-height: 16px; text-align: right; border-top: 1px solid #CDCDCD; margin-top: 2px;
	/*
	 * http://www.colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100;Custom
	 */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.css-box-link {min-height: 16px; text-align: right; padding: 4px 10px; }

/*
 * jQueryUI Date Picker
 */
.ui-datepicker {font-size: 12px; margin-top: 5px; z-index: 100}
.ui-datepicker .ui-datepicker-header {background: #FFFFFF none; border: none;}
.ui-datepicker .ui-state-highlight {background: #FFFFFF none; border: 1px solid #CDCDCD;}
.ui-datepicker .ui-state-active {border: 1px solid #00B4FF;}
.ui-datepicker .ui-datepicker-calendar th {padding: 4px;}
.ui-datepicker td {text-align: right;}

/**
 * jQueryUI Slider
 */
.ui-slider {font-size: 11px; margin: 20px 30px 35px;}

/*
 * Historical Search
 */
.css-invalid {color: #CDCDCD;}

/*
 * Timeline
 */
.timeline {margin-top: 5px;}
.timeline a {color: #464646; font-size: 11px; text-decoration: none;}
.timeline a:visited {color: #464646;}

/*
 * Test-Server
 */
#css-test-server {position: fixed; top: 165px; left: 0; width: 25px; height:105px; background-image: url(../../../images/test-server-25x105px.png)}

/*
 * Widgets
 */
.css-column {float: left; width: 425px; padding-bottom: 25px;}
.css-portlet {margin: 5px;}
.ui-sortable-placeholder {visibility: visible !important; height: 126px; border: 1px dotted #CDCDCD; }

/* Growl Info */
#css-growl-info {position: fixed; top: 135px; right: 25px; max-width: 300px; color: #fff;}
.css-growl-info-item {display: none; position: relative; font-size: 0.9em; background-color: rgba(25, 25, 25, 0.8); border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px rgba(25, 25, 25, .5); margin: 5px 0; padding: 5px 16px 6px 8px; cursor: pointer;}
.css-growl-info-item span {position: absolute; top: 3px; right: 5px; color: #ABABAB; font-size: 9px; line-height: 9px; font-weight: bold;}
.css-growl-info-item:hover span {color: #FFFFFF;}

/*
 * Scroll Container
 * e.g. Lookup Windows
 * TODO_DE: double check!
 */
#css-scroll-container table {width: 99%; margin: 1px;}

/* ----- TODO_DE CHECK, USE? ---------------------------------------------------------------------------------- */

/*
 * Images, Bilder, Icons
 *
 * http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=image
 */
img {border: none;}
img.css-icon {border-width: 0;}
img.css-left {float: left; padding: 4px 16px 12px 0;}
img.css-right {float: right; padding: 4px 0 12px 16px;}
img.css-frame {text-align: center; background: #FFF; border: 1px solid #973DC4; padding: 5px;}

/*
 * Modal Window
 */
/* top, left, width and height are overwritten by JavaScript function call! */
#css-modal-window { display: none; overflow: auto; position: absolute; background: #FFFFFF; box-shadow: 0 0 3px rgba(25, 25, 25, .3); z-index: 201;}
#css-modal-window .css-inlay {border: 1px solid #C1C1C1;}
#css-modal-window h1 {padding: 10px;}
/* reset margin for modal windows and strength the border a little */
#css-modal-window .css-box { margin: 0; }
/* drag&drop support */
#css-modal-window.ui-draggable .css-box-header {cursor: move; cursor: -moz-grab;}
#css-modal-window.css-dragging .css-box-header {cursor: move; cursor: -moz-grabbing;}

/*
 * Modal Background
 */
#css-modal-background { display: none; position: fixed; top: 0; left: 0; min-height: 100%; min-width: 100%; background: #FFFFFF; opacity: 0.75; z-index: 200;}

#confirm h1 {background: #EFEFEF; border-bottom: 1px solid #CDCDCD; padding: 5px 10px;}
#confirm p {padding: 4px 10px;}
#confirm .css-action-links {text-align: right; padding: 4px 10px;}

/* Drag&Drop, used: onclick */
.css-dragging { cursor: -moz-grabbing; }

.autocomplete strong { font-weight: bold; color: #0090FF; }

/* Treeview */
#jstree {border: 1px solid #CDCDCD; padding: 8px 4px; overflow: auto;}