/*
================================================================================
--------------------------------------------------------------------------------
	WHITE - LAYOUT CSS
		by Philipp Hartmann
		msdesign
--------------------------------------------------------------------------------
================================================================================
*/

html {
	height: 100%;
}

body {
	background: url("../images/html_bg.png") repeat-x fixed 0 0 #AEAEAE;
	color: #000000;
	font-size: 12px;
	padding: 0 0 0px;
	height: 100%;
}

.shadow {
	box-shadow:  0 0 20px black;
}
.shadowSmall {
	box-shadow:  0 0 5px black;
}
.shadowSmallInset {
	box-shadow:  0 0 5px black inset;
}

.textShadow {
	text-shadow: 2px 2px 5px #000;
}

.textShadowSmall {
	text-shadow: 1px 1px 3px #000;
}

/* anchors
----------------------------------------------- */
a:link,a:visited,a:active {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#000000;
	text-decoration: underline !important;
}


/* 960 grid system container background
----------------------------------------------- */
.container_16.overall_top_header  {
	min-width: 960px;
        /*max-width: 1800px;*/
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.container_16.global {
	background:#FFFFFE;
	box-shadow:  0 0 20px black;
	min-width: 960px;
        /*max-width: 1800px;*/
	min-height: 800px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}


.container_16.overall_footer {
	background:#666666;
	min-width: 960px;
        /*max-width: 1800px;*/
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
}

.container_16.debug {
	min-width: 960px;
        /*max-width: 1800px;*/
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:0;padding:5px;}
h2 {margin-top:1em;}
h5 {font-size:14px; font-weight: normal;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:26px;
	text-align:left;
	background-color: #FFFFFF;
	padding:0;
	margin: 8px 0 0 0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

/* theme font color
----------------------------------------------- */
.themeFontColor {
	color: #000000 !important;
}

hr {
	border-top: 1px solid #555555;
	height: 1px;
}

.nav_small {
}
.nav_small a.ui-button{

	margin-right: 0;
	font-size: 1em;
}
.nav_small a.ui-state-default{
	border-bottom: none;
	border-top: none;
	border-right: 1px solid transparent;
}

.nav_small a.ui-state-hover{
	border-color: transparent;
}
.nav_small a.ui-state-active{
	border-bottom: none;
	border-top: none;
}


.nav_small .ui-button-text-only .ui-button-text {
	padding: 0; /*	1em 1.2em;*/
}

.additionalMenue {
	color:#000000 !important;
}

.index_icon {
	margin: 10px 15px;
}

.table_row_icon {
	margin: 5px 10px;
}


/* boxes
----------------------------------------------- */
.box {
	padding:5px;
}
.vbox {
	padding:5px 0px;
}
.hbox {
	padding:0px 5px;
}
/*.box h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#333;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("/pita/img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}*/
.debug {
	color: #000000;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#111;
}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}

.basecolor {
	background: none;
	background-color: #FFFFFF;
}
.brightercolor {
	background: none !important;
	background-color: #CCCCCC !important;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}



pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}


/* table
----------------------------------------------- */
table {
	width:100%;
/*	border:1px solid #bbb;*/
	margin-bottom:0px;
/*	color: #FFF*/
}
col.colC {
	width:8em;
}
th, td {
	padding:1px 2px;
	text-align:left;
}

table.table-width-cellborders td {
	border-left: 1px solid #505050 !important;
	border-right: 1px solid #505050 !important;
}

thead th {
	border-bottom:1px solid #777777;
/*	background:#bbb;*/
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555555;
	
}

tbody tr {
	
	border-bottom:1px solid transparent;

}
/*tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}*/
tfoot th,
tfoot td {
	border-top:2px solid #666;
	/* background:#eee; */
}
tfoot td.testresult {
	padding-left:14px;
	font-weight:900;
	background:#bbb;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}
tfoot.dark th, tfoot.dark td {
	background: #bbbbbb;
}


/* forms
----------------------------------------------- */
form {
/*	overflow:hidden;*/
}
fieldset {
	border:1px solid #666666;
	background-color: #E0E1E2;
/*	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;*/
}
legend {
/*	font-size:1.1em;*/
	margin-left: 5px;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	color: #9B2A26;
/*	background:#fff;
	border:1px solid #bbb;*/
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

option {
	
	margin: 3px;
	cursor: pointer;
}

optgroup {
	font-weight: bold !important;
	font-style: normal;
}


.titlecolor {
    color: #9B2A26 !important;
}

/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#666;
	margin-bottom:10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/* Module Name Box
----------------------------------------------- */
.module_name_table {
	height: 100px;margin-bottom: 10px;width: 100%;
}
.module_name_table td {
	vertical-align: bottom;text-align: right;padding:0 5px 0 5px;overflow: hidden;
}
.module_name_table span {
	font-size: 1px;color: #666666;font-weight: bold;
}
.module_name_table tr {
	border-bottom: 1px solid #808186;
}

.module_name_table td.module_name_table_action {
	padding:0;
	vertical-align: top;
	cursor: pointer;
	text-align: left;
}

.app_content.app_content_big_view {

	
}
.app_menue.app_menue_small_view {
	/*position: absolute;*/
	right: 0;
	width: 60px;

}

.app_menue.app_menue_small_view .module_name_table_action {
	text-align: center;
	vertical-align: middle;
}
.app_menue.app_menue_small_view .module_name_table_action span {
	display: inline-block;
}

/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Pointer Class
------------------------------------------------*/
.pointable {
	cursor: pointer;
}

/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
	padding:0;
	overflow:hidden;
}
#kwick-box h2 { 
	margin:0;
}
#kwick {
	position: relative;
}
#kwick .kwicks {
    background: none repeat scroll 0 0 #D5D6D8;
	display: block;
    height: 183px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
}
#kwick li {
	overflow: visible !important;
	float: left;
    margin: 0;
    padding: 0;
}
#kwick .kwick {
/*    box-shadow: 1px 1px 20px #000000;*/

	-webkit-box-shadow: -0px -1px  20px -1px #000000;
	   -moz-box-shadow: -0px -1px  20px -1px #000000;
	        box-shadow: -0px -1px  20px -1px #000000;

	display: block;
    height: 183px;
	overflow: hidden;
	padding: 10px;
}

#kwick .kwick span {
	color:#fff;
}
#kwick .one {
	background: #959698;
}
#kwick .two {
	background: #A5A6A8;
}
#kwick .three {
	background: #B5B6B8;
}
#kwick .four {
	background: #C5C6C8;
}
#kwick .five {
	background: #D5D6D8;
}
/* Main Nav Current States */
ul.nav li a.current {
/*	background: #363636;*/
}

/* CakePHP Specific */
div#flashMessage {
	padding: 10px;
	margin: 0px 13px 10px 11px;
	border: 1px dashed #888;
	background: #eee;
	font-size: 14px;
}
div.flash-error {
	color: #bf0000;
	background: #ffbfbf !important;
	border-color: #bf0000 !important;
}
div.flash-warning {
	color: #725600;	
	background: #ffffbf !important;
	border-color: #bfbf00 !important;
}
div.flash-success {
	color: #00bf00;
	background: #dfffbf !important;
	border-color: #00bf00 !important;
}
div.error-message {
	color: #bf0000;
	font-weight: bold;
}
.input {
	margin: 0px 0px 5px 0px;
}
.text input {
	width: 200px;
}
.password input {
	width: 200px;
}
.input label {
	width: 100px;
	text-align: right;
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 0px 0px;
}
.text label {	
	padding: 6px 0px 0px 0px;
}
.form-submit-group {
	float: right;
	margin: 0px 0px 5px 0px;
}
.form-submit-group .submit {
	float: left;
}
.submit {
	text-align: right;
}
.form-cancel {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}
/** Scaffold View **/
/*dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}*/
/** CakePHP Notices and Errors **/
div.message {
	clear: both;
	color: #333;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background: #c73e14;
	padding: 5px;
}
div.error-message {
	clear: both;
	color: #bf0000;
	background: #ffbfbf;
	border-color: #bf0000;
	font-weight: bold;
}
p.error {
	color: #bf0000;
	background: #ffbfbf;
	border-color: #bf0000;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000000;
	background: #ffffbf;
	border-color: #bfbf00;	
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #00bf00;
	background: #dfffbf;
	border-color: #00bf00;
}

.blockUI table {
	color: #FFFFFF;
}
.textcenter {
	text-align: center !important;
}
.textright {
	text-align: right !important;
}
.textleft {
	text-align: left !important;
}
.textmiddle {
	vertical-align: middle !important;
}

#ui-datepicker-div {
	z-index: 99999999 !important;
}

.ui-datepicker-week-col {
	text-align: center;
}

/* jQuery UI Stuff */
/*#ui-datepicker-div {
	background: #fff;
	padding: 5px;
	border: 1px solid #eee;
}
a.ui-datepicker-prev {
	width: 35px;
	float: left;
	text-align: left;
}
a.ui-datepicker-next {
	width: 35px;
	float: right;
	text-align: right;
}
div.ui-datepicker-title {
	text-align: center;
}
table.ui-datepicker-calendar {
	padding-bottom: 0px;
	margin-bottom: 0px;
}*/


.highlight {
	background-color: #AE7934;
}


/*
	Plugin: Contacts
*/
.maleGender {
	border-left: 10px solid lightblue;
}
.femaleGender {
	border-left: 10px solid pink;
}
.undefinedGender {
	border-left: 10px solid gray;
}
.headerContacts {
	border-left: 10px solid #BBBBBB;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
/*	min-height: 302px;*/
	clear: both;
/*	_height: 302px;*/
	float:left;
	width:100%;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_wrapper table td {
    border-bottom: 1px solid #555555;
    padding: 2px 5px;
    text-align: left;
	vertical-align: top;
}



.dataTables_wrapper table.detailList td {
	height: 40px;
}

.dataTables_wrapper tr.ui-state-hover, .dataTables_wrapper tr.ui-state-active {
	border: none;
}

.dataTables_wrapper .even td.sorting_1 {
	background-color: #CCC;
}
.dataTables_wrapper .odd td.sorting_1 {
	background-color: #E4E4E4;
}


.dataTables_wrapper .ui-state-hover td.sorting_1, .dataTables_wrapper .ui-state-active td.sorting_1 {
	background-color: transparent;
}

.dataTables_processing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	
/*	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 10px 0 2px 0;*/
	border: none;
	font-weight: bold;
	text-align: center;
	color: #000000;
	font-size: 20px;
	
}

.dataTables_length {
/*	width: 40%;*/
	float: left;
	margin-bottom: 5px;
}

.dataTables_filter {
/*	width: 40%;*/
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	text-align: right;
}

.dataTables_filter input {
/*	width: 40%;*/
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #555555;
	margin-left: 5px;
	color: #000000;
}

.dataTables_info {
	width: 40%;
	float: left;
	margin-top: 5px;
}

.dataTables_scrollHead {
	clear:both;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}


/*
 * jQuery UI specific styling
 */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers {
	width: 400px !important;
	margin-right: 0px;
	margin-top: 5px;
}

.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}

.dataTables_wrapper table label{
	
	text-align: left;
	padding-right: 10px;
	float:left;
	width: 80px;
	clear: left;
	margin-bottom: 2px;
}
.dataTables_wrapper table .fieldValue {

	text-align: left;
	float:left;
	font-weight: bold;
	margin-bottom: 2px;
}



.css_right {
	float: right;
}

.css_left {
	float: left;
}

.oneRowColumn {
	cursor:pointer;
    font-weight: bold;
}

.twoRowColumn_first {
	cursor:pointer;
	display:block;
	font-size: 14px;
    font-weight: bold;
	min-height: 20px;
	line-height: 20px;

}
.twoRowColumn_second {
	cursor:pointer;
	display:block;
	font-size: 11px;
    font-weight: normal;
	min-height: 20px;
	line-height: 13px;
	color: #666666;
}

.subtitle {
	display:block;
	font-size: 10px;
    font-weight: normal;
	min-height: 20px;
	line-height: 12px;
	color: #666666;
}



/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}



.breadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 20px;
	overflow: hidden;
	width: 100%;
/*	padding:5px;*/
/*	border:solid 1px #dedede;*/
/*	background:#666666;*/
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 12px;
	background: url(../images/Chevron.gif) no-repeat 100% 0px;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	float: left;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	margin-left: 5px;
	overflow: hidden;
	background:url(../images/16x16/apps/kfm_home.png) no-repeat 0 0px;
}
.breadCrumb.boardBreadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	margin-left: 5px;
	overflow: hidden;
	background:url(../images/16x16/apps/kdict.png) no-repeat 0 0px;
}

.breadCrumb ul li.first a:hover
{
/*	background-position: 0 -16px;*/
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(../images/Chevron.gif) no-repeat 100% 0px;
	width: 13px;
	height: 30px;
	line-height: 30px;
}



.fileBreadCrumb, .boardBreadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 20px;
	overflow: hidden;
	width: 100%;
/*	padding:5px;*/
/*	border:solid 1px #dedede;*/
	background:#AAAAAA;
}
.fileBreadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
}
.fileBreadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 12px;
	background: url(../images/Chevron.gif) no-repeat 100% 0px;
}
.fileBreadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.fileBreadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.fileBreadCrumb ul li a
{
	display: block;
	position: relative;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	float: left;
}
.fileBreadCrumb ul li.first a
{
	height: 20px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;

	margin-top: 2px;
	margin-left: 0px;
	overflow: hidden;

	background:url(../images/16x16/filesystems/server.png) no-repeat 0 0px;
/*	background:url(../images/IconHome.gif) no-repeat 0 0px;*/
}
.fileBreadCrumb ul li.first a:hover
{
/*	background-position: 0 -16px;*/
}
.fileBreadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}


.cke_reset {  
    -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important;
}


/* Formular Default Formatierung */

.form-box input, .form-box select, .form-box textarea {
    border: 1px solid #555555;
    clear: right;
    display: block;
    float: left;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.form-box label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
	text-align: left;
	font-size: 12px;
    /*width: 20%;   */
}
.form-box input.text, .form-box textarea {
    margin-bottom: 5px;
    /*padding: 2px 0px 2px 0px;*/
    padding: 5px;
    width: 100%;
	background: none;
	background-color: #FFFFFE;
}
.form-box select {
    margin-bottom: 5px;
/*    padding: 1px 0px 1px 0px;*/
    padding: 4px 5px;
    width: 100%;
	background: none;
	background-color: #FFFFFE;
}

/*.form-box fieldset {
    border: 0 none;
    margin-top: 25px;
    padding: 0;
}*/

.form-box fieldset {
clear: both;

}


.form-box .buttonBarBottomContainer {
	width: 100%;
	clear: both;
	padding-top: 5px;
/*	padding-bottom: 10px;*/
	float: left;
	border-top: 1px solid #555555;
	text-align: right;

}

.buttonBarBottom {
	float: right;
	text-align: right;
/*	margin-right: 10px;*/

}

.ui-widget-header {
	border-color: #555555;
	text-transform: uppercase;
        text-overflow: ellipsis;
        white-space:nowrap;
}

.ui-widget-header h5 {
    overflow: hidden;
}

.ui-chatbox .ui-widget-header {
    white-space:normal;
}

.hoverable.ui-state-hover {
	border: none;
}
.ui-state-hover, .ui-state-hover a, .ui-state-hover .secondaryFontColor, .ui-state-hover .twoRowColumn_second {
	/*color: #000000 !important;*/
}
.ui-state-active.ui-state-hover, .ui-state-active.ui-state-hover a {
	/*color: #FFFFFF !important;*/
}


.cke_skin_kama {
	float:left;
}


.button {
	-webkit-user-select: none;
}
.button_icon {
	
	vertical-align: middle;
}

/* jCloud Default Formatierung */

div.jqcloud {
  /*font-family: "Helvetica", "Arial", sans-serif;*/
  color: #09f;
  overflow: hidden;
  position: relative;
}
div.jqcloud a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
div.jqcloud a:hover {
  color: #0df;
}
div.jqcloud a:hover {
  color: #0cf;
}
div.jqcloud span {
  padding: 0;
}
div.jqcloud span.w10 {

  font-size: 54px;
  color: #0cf;
}
div.jqcloud span.w9 {
  font-size: 50px;
  color: #0cf;
}
div.jqcloud span.w8 {
  font-size: 44px;
  color: #0cf;
}
div.jqcloud span.w7 {
  font-size: 40px;
  color: #39d;
}
div.jqcloud span.w6 {
  font-size: 34px;
  color: #90c5f0;
}
div.jqcloud span.w5 {
  font-size: 30px;
  color: #90a0dd;
}
div.jqcloud span.w4 {
  font-size: 24px;
  color: #90c5f0;
}
div.jqcloud span.w3 {
  font-size: 20px;
  color: #a0ddff;
}
div.jqcloud span.w2 {
  font-size: 14px;
  color: #99ccee;
}
div.jqcloud span.w1 {
  font-size: 10px;
  color: #aab5f0;
}

/* Ende jCloud Default Formatierung */



/* Clock on Home Screen */
/*.clocktime {
	font-size: 18px;
	float: left;
	margin: 0;
	padding: 0;
	
}
.clockdate {
	font-size: 14px;
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 2px;
}*/

.clocktime {
	font-size: 35px;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bolder;
	color: #777777;
	clear: both;
}
.clockdate {
/*	font-size: 10px;*/
	float: left;
	color: #777777;
	margin: 0;
	padding: 0;
	margin-top: -7px;
	clear: both;
}


/* Searchbox */

.searchbtn {
    background: url("../images/22x22/actions/viewmag.png") repeat scroll 0 0 transparent;
    height: 22px;
    margin: 3px 3px;
    padding: 0 0 0 0;
    position: absolute;
    right: 0px;

	bottom: 0;
    width: 22px;
	opacity: .30;filter:Alpha(Opacity=30);
}

.searchbox {
	position: relative;
	float: right;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
}

.searchbox input {
	background-color: #FFFFFE;
	border: 1px solid #555555;
	width: 200px;
	padding: 6px;
	font-weight: bold;
	padding-right: 30px;
}


.ui-autocomplete-loading { background: transparent url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }

.ui-autocomplete .ui-menu-item a {
	font-weight: normal;
}

.ui-autocomplete li.ui-menu-item  {
	border-bottom: 1px solid #555555;
	margin: 0;
	margin-right: 20px;
	padding-right: 20px;
}
.ui-autocomplete {
	max-height: 300px;

	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
/*	padding-right: 20px;*/
}

.ui-autocomplete li.ui-menu-item .image-box {
	width: 100px;
	height: 64px;
	float: left;
}
.ui-autocomplete li.ui-menu-item .image-box img {
	margin: auto;
	display: block;
}

.ui-front {
	z-index: 1000;
}
.ui-autocomplete.ui-front {
	z-index: 1001;
}

.ui-membersearch {
	background-color: #EEEEEE;
/*	border-top: none;*/
	max-height: 200px;
	padding-left: 0px;
	padding-right: 0px;

	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
.ui-membersearch-loading { background: transparent url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }

.ui-membersearch .ui-menu-item a {
	font-weight: normal;
	padding: 1px;
}

.ui-membersearch li.ui-menu-item  {
	margin: 0;
	margin-right: 20px;
	padding-right: 20px;
	background-color: #EEEEEE;
	cursor: pointer;
	border-bottom: 1px solid #444444;
}

.ui-membersearch li.ui-menu-item.membersearch-group  {

	margin: 0;
	margin-right: 20px;
	padding-right: 20px;
	background-color: #DDDDDD;
	cursor: pointer;
	border-bottom: 1px solid #444444;
}

.ui-membersearch-selected { list-style-type: none; margin: 0px; padding: 2px 0px; clear: both; width: 100%; height: 200px; overflow: auto; }
.ui-membersearch-selected li { margin: 0px 0px 0px 0px; padding: 0px 0px; border-bottom: 1px solid #666666;  }
.ui-membersearch-selected-icon, .ui-membersearch-icon {
	width:22px;
	margin-right:5px;
	float:left;
	text-align: left;
	height: 22px;
	overflow:hidden;
}
.ui-membersearch-selected-text, .ui-membersearch-text {
	float:left;
	text-align: left;
	margin-top: 3px;
	font-size: 0.9em;
}
.ui-membersearch-selected-action {
	float:right;
	text-align: right;
	height: 22px;
}

.ui-membersearch-selected-action img{
	margin-right: 4px;
}

.verticalLine {
	float: left;
	height: 30px;
	width: 2px;
	background-color: #555555;
	margin: 0 5px 0 5px;
}

.bigRightMenue {
	text-align: left;
	margin-bottom: 10px;
	width: 100%;
	font-weight: bold;
}
.normalRightMenue {
	font-weight: bold;
	margin-bottom: 10px;
}

.normalRightMenueTable td {
	padding: 0;
}

/* UI TOOLS PLUGIN */

#exposeMask {
	background-color: #EEEEEE !important;
}







/* TAG IT PLUGIN  */
ul.tagit {
	padding: 1px 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 40px;
	padding-right: 5px;
	overflow: auto;
    margin-left: 0;
    margin-right: 0;
	margin-bottom: 0px;
	background: none;
	background: url("../images/32x32/apps/tag.png") no-repeat left top #FFFFFE;
	
	min-height: 30px;
	


}
ul.tagit li {
	display: block;
	float: left;
	background: none !important;
	margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
	padding: .2em 18px .2em .5em;
    position: relative;
    line-height: inherit;
	color: #000000 !important;
}
ul.tagit li.tagit-new {
	padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
	cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background: none;
    outline: none;
}



/* TAG IT PLUGIN FOR MESSAGES */
ul.toTags {
	padding: 1px 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
    margin-left: 0;
    margin-right: 0;
	margin-bottom: 0px;
	background: none;
	min-height: 30px;
	background-color: #FFFFFE;

	

}
ul.toTags li {
	display: block;
	float: left;
	background: none !important;
	margin: 2px 5px 2px 0;
}
ul.toTags li.tagit-choice {
	padding: .2em 18px .2em .5em;
    position: relative;
    line-height: inherit;
	color: #000000 !important;
}
ul.toTags li.tagit-new {
	padding: .25em 4px .25em 0;
}

ul.toTags li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}
ul.toTags li.tagit-choice .tagit-close {
	cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
}

/* used for some custom themes that don't need image icons */
ul.toTags li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.toTags li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.toTags input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background: none;
    outline: none;
}




.search_init, input.search_init {
	font-weight: bold;
	color: #777777;
}

.noborder {
	border: none !important;
}

.odd {
	background-color: #FFFFFF;
	border:none;
}
.even {

	border:none;
}
.oddColor {
	background-color: #FFFFFF;
}
.evenColor {

}


/* Status Boxes */
.home-column {
	float: left;
	width:100%;
}
.status-wrapper-box {
	/*width: 100%;*/
	margin-bottom:5px;
}
.status-default-box {
	min-height: 50px;
	background-color: #FFFFFE;
}

.status-critical {
	background-color: #440000;
}

.status-warning {
	background-color: #444400;
}
.status-announcement {
	background-color: #CCEEEE;
}

.status-info {
	background-color: #CCFFCC;
}

.status-user-auto {
	background-color: #DDDDDD;
}

.status-default {
	background-color: #FFFFFF;
}

.ui-state-red {
	background-color: maroon;
}

.ui-state-icon-red {
	color: maroon;
}





/* CHAT  style sheets */
.ui-chatbox {
    position: fixed;
/*    bottom:0;*/
	float:right;
	width: 288px;
    padding: 1px;
    background:  #CCCCCC;
	z-index: 1000;
}

.ui-chatbox-titlebar {
    padding: 3px;
/*    height: 20px;*/
}

.ui-chatbox-content {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.ui-chatbox-log {
    /*padding: 3px;*/
    height: 200px;
    overflow-y: auto;
    /*background: #333333;*/
}

.ui-chatbox-input {
    padding: 3px;
    border-top: 1px solid grey;
    overflow: hidden;
    /* background: #FFFFFF; */
}

textarea.ui-chatbox-input-box {
    margin: 0px;
	padding: 0px;
    border: none;
    height: 55px;
}

.ui-chatbox-icon {
    float: right;
}

.ui-chatbox-input-focus {
    border-color: #6699FF;
}

.ui-chatbox-msg {
/*    float: left;
    clear: both;
	width: 100%;*/
	padding: 0px 5px 0px;

}
.ui-chatbox-username {
	padding: 3px 0 0 3px;
}

.ui-chatbox-msgtext {
	padding-left: 10px;
}

.chatOnlineUser {
	text-align: left;
	cursor: pointer;
	background: url("../images/16x16/actions/ledgreen.png") scroll 0 0;
	background-repeat: no-repeat;
}
.chatAwayUser {
	text-align: left;
	cursor: pointer;
	background: url("../images/16x16/actions/ledlightblue.png") scroll 0 0;
	background-repeat: no-repeat;
}
.chatOfflineUser {
	text-align: left;
	cursor: pointer;
	background: url("../images/16x16/actions/ledred.png") scroll 0 0;
	background-repeat: no-repeat;
}
.chatStatus {
	float:left;
	width:18px;
	height:18px;
}
.chatUsername {
	padding:0 2px;
	vertical-align:top;
}




.functionbox {
	position: relative;
	float: left;
	text-align: left;
	margin-top: 2px;
	margin-right: 0px;
}





/* Message styles */

.msgBox {
	margin-bottom: 0px;
	float:left;
	width: 100%;
	
	
}

.msgBoxInner {
	display: block;
	padding: 2px;
	float:left;
	width:260px;
	
	
}
.msgSubject {
	font-weight: bold;
	text-align: left;
	clear: both;
	width: 100%;
}

.msgFrom {
	text-align: left;
	float: right;
	font-size: 10px;
	color: #666666;
}
.msgTime {
	text-align: left;
	float: left;
	font-size: 10px;
	color: #666666;
}
.msgText {
	text-align: left;
}
.msgImage {
	float:left;
	width:50px;
	padding: 2px;
}

.msgListWrapper {
	z-index: 9000;
	position: absolute;
	right: -1px;
	top: 26px;
	display: none;
	width:330px;
	background: none;
	background-color: #FFFFFE;
}

.msgPopupWrapper {
	/*height: 0;*/
    left: 0;
    outline: medium none;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
	
}

.msgPopupWrapperBox {
	/*height: 0;*/
    margin: auto;
    overflow: visible;
    position: relative;
    width: 720px;
	background-color: #FFFFFF;
	top:150px;
}


.msg_left_half {
	width: 59%;float:left;margin-right: 2%;
}
.msg_left_full {
	width: 100%;float:left;
}
.msg_right_half {
	width: 39%;float:left;
}
.msg_right_full {
	display:none;
}


#Events{
	border:solid 1px #aaa;
	padding:10px;
	font-family:courier;
	font-size:10px;
	color:#666;
	height:80px;
	max-height:80px;
	overflow:auto;
}

.calendarNewEventTooltip {
	display:none;
	background:url(../images/tooltip_box_0_big.png);
	height:173px;
	padding:30px 30px 10px 30px;
	width:310px;
	z-index: 1000;
}

.calendarNewEventTooltip table {
	color: #FFFFFF;
}

.calendarEventTooltip {
	display:none;
	background:url(../images/tooltip_box_0_big.png);
	height:185px;
	padding:18px 18px 10px 18px;
	width:334px;
	color: #FFFFFF;
	z-index: 1000;
}

.calendarEventTooltip table {
	color: #FFFFFF;
}

.calendarEventTooltipHeader {
/*	background: url(../images/transparenzen/transparent10.png);*/
/*	background-color: #000;*/
	padding: 3px 5px;
}


.miniCalendar .ui-datepicker-inline {
	width: 100%;
	padding: 0px;
	border: none;
	font-size: 0.9em;

}

.miniCalendar .ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}
.miniCalendar .ui-datepicker th {
	padding: 0;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; width: 100%; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 5px 5px 65px; }
.ui-timepicker-div td { font-size: 90%; }


/* extentions for fullcalendar */

.fc-event-public {
	background:url(../images/16x16/apps/browser.png) no-repeat 1px 1px;
	float: right;
	width: 18px;
	height: 19px;
}

.fc-event-vert .fc-event-bg-private { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/transparenzen/gestreift20sw.png) #FFFFFF;
	opacity: .5;
	filter: alpha(opacity=50);
	}


.fc-event-vert .fc-event-time {
	height: 17px;
	padding-top: 2px;
}

.fc-state-holiday, .ui-widget-content.fc-state-holiday {
	background: #fcc;
}


/* Loading Box */


.loadingBoxWrapper {
	background:url(../images/transparenzen/transparent20.png) repeat;
	border: 1px solid #AAAAAA;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	z-index: 9999;
}

.loadingBox {
	padding-top: 30px;
}
.loadingBox img {
	vertical-align:middle;
}


/* Spinner */
.ui-spinner_old {position: relative; border: 0px solid white; }
.ui-spinner_old-buttons {position: absolute}
.ui-spinner_old-button {overflow: hidden}


/* UI Progressbar */
/*.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }*/



/* StepBar */

.checkoutBar {
    background-color: #EAEAEA;
    display: inline-block;

    width: 100%;
}
.checkoutBar div span {

}
.checkoutBarCurrent {
    background-color: #D1A323;
	font-size: 16px;
	font-weight: bold !important;
}

.checkoutBarMiddle {
    float: left;
    height: 45px;
    text-align: center;
    width: 200px;
	font-size: 16px;
	font-weight: normal;
}
.checkoutBarMiddle span {
    float: left;
    height: 35px;
    padding-top: 10px;
    width: 176px;
}
.checkoutBarEnd {
    float: left;
    height: 45px;
    text-align: center;
    width: 170px;
	font-size: 16px;
	font-weight: normal;
}
.checkoutBarEnd span {
    float: left;
    height: 35px;
    padding-top: 10px;
    width: 140px;
}
.checkoutBarFirst {
    float: left;
    height: 45px;
    text-align: center;
    width: 150px;
	font-size: 16px;
	font-weight: normal;

}
.checkoutBarFirst span {
    float: left;
    height: 35px;
    padding-top: 10px;
    width: 126px;
}
.activeArrow {
    background-image: url("../images/stepActivArrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    width: 24px;
}
.futureArrow {
    background-image: url("../images/stepFutureArrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    width: 24px;
}
.beforeArrow {
    background-image: url("../images/stepBeforeArrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    width: 24px;
}


/* sortable bill elements */

#sortableList { list-style-type: none; margin: 0; padding: 0; position: relative; }
#sortableList li { margin: 0 0px 5px 0px; padding: 5px;   }

.sortableList { list-style-type: none; margin: 0; padding: 0; position: relative; }
.sortableList li { margin: 0 0px 5px 0px; padding: 5px;   }

.sortableList2 { list-style-type: none; margin: 0; padding: 0; position: relative; }
.sortableList2 li { margin: 0 0px 10px 0px; padding: 0px;   }


.itemsList { list-style-type: none; margin: 0; padding: 0;  }
.itemsList > li { margin: 0 0px 0px 0px; padding: 5px; border-bottom: 1px solid #555555;  }

/* SURVEY (group assignment) */
#sortableList_group { list-style-type: none; margin: 0; padding: 0; position: relative; }
#sortableList_group li { margin: 0 0px 5px 0px; padding: 5px;   }

/* jquery.Jcrop.css v0.9.9 - MIT License */

/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}

/* These styles define the border lines */
.jcrop-vline,.jcrop-hline{background:#FFF url(../images/transparenzen/gestreift30sw.png) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}

/* Handle style - size is set by Jcrop handleSize option (currently) */
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}

/* This style is used for invisible click targets */
.jcrop-tracker
{
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
  -webkit-touch-callout: none;              /* disable callout, image save panel */
  -webkit-user-select: none;                /* disable cut copy paste */
}

/* Positioning of handles and drag bars */
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline
{
	background:#FFF;
	filter:Alpha(opacity=70)!important;
	opacity:.70!important;
}
.jcrop-light .jcrop-handle
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#000;
	border-color:#FFF;
	border-radius:3px;
}

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline
{
	background:#000;
	filter:Alpha(opacity=70)!important;
	opacity:.7!important;
}
.jcrop-dark .jcrop-handle
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#FFF;
	border-color:#000;
	border-radius:3px;
}




/* USER TOOLTIP */

.userInfoName {
	cursor:pointer;
	font-weight:bold;
}

.userInfoTooltip {
	display:none;
	min-width:280px;
	min-height:90px;
	line-height: 18px;
	font-size: 14px;
	z-index: 1000;
	box-shadow: 3px 3px 10px #000;

}
.userInfoTooltip .image {
	float:left;
	margin-right:5px;
	width:63px;
}

.userInfoTooltip .lastSeen {
	font-size:10px;
	color: #555555;
}
.userInfoTooltip .position {
	font-size:12px;
}
.userInfoTooltip .username {
	font-size:10px;
	color: #555555;
	line-height: 10px;
}
.userInfoTooltip .name {
	font-weight:bold;
	font-size:14px;
}
.userInfoTooltip .buttonbar {
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	left:0;

}
.userInfoTooltip .buttonbar a {
	font-size: 12px;
	line-height: 18px;
}


/* Formatierte Detailansicht für Diverse Dinge */

.formated-details label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
	text-align: left;
	font-size: 12px;
	color: #999999;
}

.formated-details .formated-text {
	clear: both;
	/*padding:2px 3px;*/
        padding:5px;
	background-color: #FAFAFA;
	margin-bottom: 5px;
	min-height: 18px;
}

.formated-details .formated-textarea {
	clear: both;
	/*padding:2px 3px;*/
        padding:5px;
	background-color: #FAFAFA;
	margin-bottom: 5px;
	min-height: 50px;
}

.formated-details ul.tagit {
	padding: 1px 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 40px;
	padding-right: 5px;
	overflow: auto;
    margin-left: 0;
    margin-right: 0;
	margin-bottom: 0px;
	background: none;
	background: url("../images/32x32/apps/tag.png") no-repeat left top #FAFAFA;
	min-height: 30px;
}
.formated-details ul.tagit li {
	display: block;
	float: left;
	background: none !important;
	border: 1px solid #666666;
	padding: 2px 7px;
	margin: 2px 5px 2px 0;
}



/* BOARD MODUL CSS */
.board_topics_table {
	width: 100%;
	table-layout: fixed;
}

.board_forums_table td {
	height: 50px;
	vertical-align: top;
}
.board_topics_table td {
	height: 40px;
	vertical-align: top;
}

.board_forums_table th, .board_topics_table th {
	font-size: 0.8em;
}
.board_forum_row, .board_topic_row {
	cursor: pointer;
	width: 100%;
}

.board_forum_name, .board_topic_name {
	font-weight: bold;
	margin-top: 3px;
}
.board_post_subject {
	font-weight: bold;
}
.board_forum_desc {
	font-size: 0.8em;
	margin-bottom: 3px;
	margin-top: 3px;
}
.board_forum_desc p {
	margin: 0px;
}

.board_forum_subforen {
	font-size: 0.8em;
	margin-bottom: 3px;
}
td.board_forum_icon, td.board_topic_icon {
	cursor: default;
	vertical-align: middle;
	text-align: center;
	width: 50px;
}
td.board_forum_main, td.board_topic_main {

}
td.board_forum_topics, td.board_topic_replies {
	border-left: 1px solid #555555;
	vertical-align: middle;
	text-align: center;
	cursor: default;
	width: 70px;
}
td.board_forum_posts, td.board_topic_views {
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	vertical-align: middle;
	text-align: center;
	cursor: default;
	width: 70px;
}
td.board_forum_lastpost, td.board_topic_lastpost {
	vertical-align: middle;
	padding-left: 10px;
	width: 200px;
}
td.board_forum_lastpost_empty, td.board_topic_lastpost_empty {
	cursor: default;
	vertical-align: middle;
	padding-left: 10px;
}
.board_topic_user {
	font-size: 0.8em;
	margin-bottom: 3px;
}

.board_post_row td {

}
.board_post_user {
	margin-bottom: 5px;
	font-size: 0.8em;
}
.board_post_left {
	width: 85%;
}
.board_post_left_div {
	padding:10px;
}
.board_post_right {
	width: 15%;
	padding:10px;
	border-left: 1px solid #555555;
}
.board_post_text {
	border-top: 1px solid #555555;
	padding-top: 2px;
}

.board_post_userimage {
	float: left;
}
.board_post_userimage img {
	max-width: 100px;
}

.board_post_username {
	clear: both;
}
.board_post_userposition {
	font-size: 0.8em;
}

.board_header_title {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 5px;
}

/* ASSIGNMENT/TASK MODUL CSS */

li.task_row_li {
	padding:0px;
	border-bottom: 1px solid #777777;
	background-color: #EEEEEE;
}

li.task_header_row_li {
	padding:0px;
	margin-top:10px;
	border-bottom: 1px solid #777777;

}

.task_priority_wrapper {
	text-align: center;
	vertical-align: middle;
	height: 40px;
	float:left;
/*	width: 5%;*/
}
.task_priority_box {
	margin-top: 2px;
	padding: 5px;
}
.task_priority_default {
	background-color: #8C8C8C;
}
.task_priority_small {
	background-color: #669933;
}
.task_priority_medium {
	background-color: #AAAA33;
}
.task_priority_hight {
	background-color: #993300;
}

.task_icon_wrapper {
	text-align: right;
	cursor: pointer;
	height: 40px;
	float:right;
	width: 55px;
/*	background-color: #EEEEEE;*/
	background-color: #ACACAC;
}
.task_mystatus_wrapper {
	text-align: right;
	height: 40px;
	float:right;
	width: 40px;
	background-color: #EEEEEE;
}

.task_third_color {
	background-color: #AAAAAA;
}

.task_icon_box {
	margin-top: 5px;
	padding: 5px;
	text-align: center;
}

.task_edit_form_left_half, .task_add_form_left_half {
	width: 59%;float:left;margin-right: 2%;
}
.task_edit_form_left_full, .task_add_form_left_full {
	width: 100%;float:left;
}
.task_edit_form_right_half, .task_add_form_right_half {
	width: 39%;float:left;
}
.task_edit_form_right_full, .task_add_form_right_full {
	display:none;
}


/* UI OVERWRITES */

.ui-widget-overlay { background: #FFFFFF; opacity: .50;filter:Alpha(Opacity=50); }

.ui-tabs .ui-tabs-panel {
    padding: 10px 0px;
}

.ui-accordion .ui-accordion-content {
    padding: 0px 0px;
}

.ui-dialog {
	box-shadow: 5px 5px 20px #000000;
}

.ui-dialog .ui-dialog-content {
	background: #F5F5F5;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin:0 0 0 5px;
}
.ui-dialog .ui-dialog-buttonpane {
	margin:0;
	border-width: 1px 0 0 0;
	/*border-style: dotted;*/
/*	padding: 3px 2px 12px;*/
	padding-top: 8px;
}
.ui-dialog .ui-dialog-titlebar {
	border-width: 0 0 1px 0;
	background: none;
	/*border-style: dotted;*/
}


/* UI NEW CLASSES */
.ui-state-opacity-10 { opacity: .10;filter:Alpha(Opacity=10); }
.ui-state-opacity-20 { opacity: .20;filter:Alpha(Opacity=20); }
.ui-state-opacity-30 { opacity: .30;filter:Alpha(Opacity=30); }
.ui-state-opacity-40 { opacity: .40;filter:Alpha(Opacity=40); }
.ui-state-opacity-50 { opacity: .50;filter:Alpha(Opacity=50); }
.ui-state-opacity-80 { opacity: .80;filter:Alpha(Opacity=80); }
.ui-state-opacity-90 { opacity: .90;filter:Alpha(Opacity=90); }
.ui-state-opacity-100 { opacity: 1.0;filter:Alpha(Opacity=100); }


.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	font-size: 0.9em;
}



/* !XDEBUG beautifying */

.xdebug-error {
	font-size: 12px;
	width: 95%;

	margin: 0 auto 10px auto;
	border-color: #ffffff;
	border: 2px solid #FFFFFF;
	background: #000;
}

.xdebug-error th, .xdebug-error td {
	padding: 2px 5px;
}

.xdebug-error th {
	background: #ff6600;
}

.xdebug-error td {
	/* background: #fee; */
}

.xdebug-error span {
	display: none;
}

.xdebug-error_description th {
	font-size: 1.2em;
	padding: 20px 4px 20px 100px;
}

.xdebug-error_callStack th {
	background: #cc6600;
	color: #ddd;
}

/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #E5E6E8;
}

/* HOME Seite */
#smallCalendar .ui-datepicker {
	width: auto;
	height: 183px;
	border: none;
	padding: 0px;
	background: none;
	background-color: #D5D6D8;
}
#smallCalendar .ui-datepicker-calendar {
	margin: 0;
}




/* ELEARNING */

.elearning_answer_row {
	background-color: #FFFFFF;
	border-bottom: 1px solid #808186;
	border-left: 1px solid #E5E6E8;
	border-top: 1px solid #E5E6E8;
}

.elearning_answer_row_input_box {

	padding: 10px 15px;
	float:left;
	background-color: #E5E6E8;
	border: 1px solid #E5E6E8;

}

.elearning_answer_row label {

	padding: 10px 0px;
	padding-left: 10px;
	float:left;


}

/* SURVEY */
.survey_answer_row {
	background-color: #FFFFFF;
	border-bottom: 1px solid #808186;
	border-left: 1px solid #E5E6E8;
	border-top: 1px solid #E5E6E8;
}
.survey_answer_row_input_box {

	padding: 10px 15px;
	float:left;
	background-color: #E5E6E8;
	border: 1px solid #E5E6E8;
}
.survey_answer_row label {

	padding: 10px 0px;
	padding-left: 10px;
	float:left;
}


/* DOCUMENT */

.document_folder_row td {
	height: 40px;
	padding: 0px 5px;
	vertical-align: middle;
	border: 1px solid #555555;
}

.document_file_row td {
	height: 26px;
	padding: 0px 5px;
	vertical-align: middle;
	border: 1px solid #555555;
}
.document_file_row td.document_icon img {
	margin-top: 5px;
}

.cn_wrapper{
	margin:0px auto 0px auto;

	height:250px;
	position:relative;
	overflow:hidden;
	padding:5px;
	border:1px solid #555555;
	border-top: none;

}
.cn_wrapper h1{
	font-size:20px;
	text-transform:uppercase;
}
.cn_wrapper h2{
	font-size:12px;
	border-bottom:1px solid #000;
	padding-bottom:4px;
	text-transform:uppercase;
}
.cn_preview, .cn_list{
	width:40%;
	height:250px;
	position:absolute;
	top:2px;
	left:6px;
}
.cn_preview{
	left:41%;
	width: 59%;
}
.cn_content{
	border:1px solid #555555;
	top:310px;/*5*/
	left:5px;
	right:5px;
	position:absolute;
	background-color:#E5E6E8;
	height:245px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}
.cn_content img{
/*	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;*/
}
.cn_date{
	position:absolute;
	bottom:30px;
	right:8px;
	font-size:11px;
}
.cn_category{
	position:absolute;
	bottom:30px;
	left:8px;
	font-size:11px;
	padding:1px 3px;
	background:#ccc;
	border:1px solid #555555;

/*	text-shadow:-1px 0px 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

a.cn_more{
	position:absolute;
	padding: 4px 0px;
	left:0px;
	bottom:0px;
	width:236px;
	color:#fff;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #011c44;
	text-transform:uppercase;
	text-decoration: none;
	border:1px solid #4c7ecb;
	outline:none;
	cursor:pointer;
	background-color: #1951A5;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-border-bottom-left-radius: 5px;
	-border-bottom-right-radius: 5px;
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
}
a.cn_more:hover{
/*	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;*/
}
.cn_item{
	border:1px solid #555555;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:49px;

	padding:5px;
	margin:6px 5px 0px 0px;
/*	text-shadow:1px 1px 1px #000;
	background:#2b2b2b;
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#171717),
			to(#2b2b2b)
		);
	background:
		-moz-linear-gradient(
			top,
			#171717,
			#2b2b2b
		);
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.cn_item:hover, .selected{
/*	border-color:#4c7ecb;
	background-color: #1951A5;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);*/
}

.cn_list p{
	height:29px;
	padding-top:2px;
	overflow:hidden;
	border-top:1px solid #333;
}
.cn_nav{

	width:100%;
	position:absolute;
	bottom:0px;
	right:5px;
}
a.cn_next, a.cn_prev{
	float:right;
	margin-left:5px;
/*	height:23px;
	width:23px;
	background-color:#212121;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	outline:none;
	border:1px solid #111;
	*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.cn_nav a.disabled{
	opacity:0.5;
}
.cn_page{
	display:none;
}


/* TEAM APP  */
.team_user_box {
	min-width:48px;
	height: 48px;
	float: left;
	margin: 2px 2px;
	padding:2px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
}

/* Menue Buttons */
.global_admin_menue_box {
	padding: 5px 13px 0px 10px;
	background-image: url('../images/transparenzen/gestreift10sw.png');
	background-repeat: repeat;
	clear:both;
}
.global_admin_menue_box legend {
	font-size: 1.1em;
}

.global_admin_menue_box_small {
	padding: 0px;
	background: none;
	clear:both;
	border: none;
	float: left;
	width: 100%;
	font-size: 11px;
}
.global_admin_menue_box_small legend {
	display: none;
}
.global_admin_menue_box_small a {
	background-image: url("../images/transparenzen/gestreift10sw.png");
	background-repeat: repeat;
}

/* PERSONAL-APP */

.errorField {
	outline:none;
    border-color:#ff0000;
    box-shadow:0 0 10px #ff0000;
}

.scheduleEntryInfo {
	cursor:help;
}

.personalScheduleEntryInfo {

	cursor:pointer;
	font-weight:bold;
}

.personalHourFieldWrapper {
	position: relative; 
	width: 100%; 
	float: left; 
	display: block; 
	min-height: 27px;
}
.personalHourField {
	position: absolute; 
	top:0;
	bottom: 0;
/*	margin-left:-1px;*/
	border-right: 1px #666 dotted;
}

.personalCountHourFieldWrapper {
	padding: 0; 
	position: relative;
	height: 20px; 
	line-height:20px; 
	font-size:8px; 
	font-family: courier;
}

.personalCountHourField {
	position: absolute;
/*	margin-left:-1px;*/
	text-align:center; 
	top:0;
	bottom:0;
}

.personalScheduleEntryInfoTooltip {
	display:none;
	min-width:200px;
	min-height:200px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: 3px 3px 10px #000;
	padding: 3px;

}
.personalScheduleEntryUserInfoTooltip {
	display:none;
	min-width:200px;
	min-height:170px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: 3px 3px 10px #000;
	padding: 3px;

}
.personalScheduleEntryInfoTooltip .heading, .personalScheduleEntryUserInfoTooltip .heading {
	display:inline-block;
	width:50px;
}

.personalScheduleEntryInfoTooltip .date, .personalScheduleEntryUserInfoTooltip .date {
	font-size:10px;
	color: #333;
	line-height: 14px;
	padding: 2px;
}

.personalScheduleEntryInfoTooltip .username, .personalScheduleEntryUserInfoTooltip .username  {
	font-size:10px;
	color: #333;
	line-height: 14px;
	padding: 2px;
	
}
.personalScheduleEntryInfoTooltip .title, .personalScheduleEntryUserInfoTooltip .title {
	font-weight:bold;
	font-size:13px;
	padding: 2px;
}
.personalScheduleEntryInfoTooltip .text, .personalScheduleEntryUserInfoTooltip .text {
	border-top:		1px solid #D1B24A;
	font-size:		10px;
	font-style:		italic;
	color:			#333;
	line-height:	16px;
	padding:		5px 2px 2px 2px;
	margin-top:		5px;
	width:			200px;
}
.personalScheduleEntryInfoTooltip .buttonbar {
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	
}
.personalScheduleEntryInfoTooltip .buttonbar a {
	font-size: 12px;
	line-height: 18px;
}

#schedule_table {
	background: #e5e6e8;
}
#schedule_table td.spacer {
	/* border: 1px solid #777; */
	padding: 0;
	font-size: 6px;
	width: 5px;
}
#schedule_table td.timeunit {
	border: none;
	font-size: 10px;
	text-align:center;
	background: #ccc;
}
#schedule_table tr {
	border-bottom: 1px solid #666;
}
#schedule_table tr.even_day, #schedule_table tr.even_row {
	background-color: #ccc;
}
#schedule_table tr.odd_day, #schedule_table tr.odd_row {
	background-color: #bbb;
}
#schedule_table tr.even_row td.office_time, #schedule_table tr.even_day td.office_time { 
	background-color: #bbb;
}
#schedule_table tr.odd_row td.office_time, #schedule_table tr.odd_day td.office_time { 
	background-color: #aaa;
}

#schedule_table tr.holiday {
	background-color: #fcc;
}
#schedule_table td.grid_left {
	border-left: 1px solid #666;
	padding: 0;
}
#schedule_table td.grid_blank {
	padding: 0;
}
#schedule_table td.grid_entry {
	padding:		0;
	vertical-align:	middle;

}
#schedule_table td.grid_entry p {
	padding:		0;
	margin:			1px 0;
	font-size:		10px;
	background:		#034;
	line-height:	23px;
	white-space: nowrap;
   overflow: hidden;
   width: 100%;
   text-overflow: ellipsis;
/*	border-left:	1px solid #777;
	border-top:		1px solid #777;	
	border-right:	1px solid #222;
	border-bottom:	1px solid #222;*/
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) inset;
}
#schedule_table td.other_entry {
	padding:		0; 
	background:		#c97;
	border-top:		1px solid #666;
	border-bottom:	1px solid #666;
}

/* für die zweite (Editier) Ansicht für den Arbeitszeitkalender und für die Zeiterfassung */
#personal_simple_month_view .entry_block, #personal_simple_week_view .entry_block, #personal_working_week_view .entry_block {
	display:		inline-block;
	width:			auto;
	vertical-align:	top;
	background:		#ddd !important;
	/*padding-right:	3px;*/
	border-top:		1px solid #777;
	border-left:	1px solid #777;
	border-bottom:  1px solid #333;
	border-right:  1px solid #333;
}
#personal_simple_month_view .other_entry, #personal_simple_week_view .other_entry, #personal_working_week_view .other_entry  {
	color:			#fbb;
	background:		#633 !important;
}
#personal_simple_month_view .service, #personal_working_week_view .service {
	color:			inherit;
	background:		#aca !important;
}
#personal_simple_month_view .break, #personal_working_week_view .break {
	color:			inherit;
	background:		#caa !important;
}
#personal_simple_month_view .absence, #personal_working_week_view .absence {
	color:			inherit;
	background:		#aac !important;
}
#personal_simple_month_view .start_time_entry, #personal_simple_week_view .start_time_entry, #personal_working_week_view .start_time_entry {
	font-weight:	bold;
	padding-left:	3px;
}
#personal_simple_month_view .time_entry_button, #personal_simple_week_view .time_entry_button, #personal_working_week_view .time_entry_button {
	vertical-align:	top; 
	display:		inline-block;
	width:			18px;
	height:			18px;
}

#personal_working_week_view .time_add_entry_button, #personal_simple_month_view .time_add_entry_button {
	vertical-align:	top; 
	display:		inline-block;
	width:			16px;
	height:			20px;
	overflow:		hidden;
}
#personal_working_week_view .time_add_entry_button .ui-icon, #personal_simple_month_view .time_add_entry_button .ui-icon {
	margin-top: 1px;
	float:left;
	
}
#personal_working_week_view .time_add_entry_button .button_label, #personal_simple_month_view .time_add_entry_button .button_label {
	float:left;
	line-height: 21px;
}

#personal_simple_month_view .entry_detail, #personal_simple_week_view .entry_detail, #personal_working_week_view .entry_detail {
	vertical-align:	top; 
	display:		inline-block;
}
#personal_simple_month_view .status_image,  #personal_working_week_view .status_image {
	display:		inline-block;
	height:			16px;
	width:			16px;
	margin-left:	3px;
	margin-top:		1px;
}
#personal_simple_month_view .entry_detail .end_time_entry, #personal_simple_week_view .entry_detail .end_time_entry,  #personal_working_week_view .end_time_entry {
	font-weight:	bold;
	float:			left;
	padding-right:	3px;
}
#personal_simple_month_view .add_entry, #personal_simple_week_view .add_entry,  #personal_working_week_view .add_entry {
	display:		inline-block;
	background:		#ddd;
}
#personal_simple_month_view tr, #personal_simple_week_view tr,  #personal_working_week_view tr {
	border-bottom: 1px solid #666;	
}
#personal_working_week_view td {
	border-right:	1px solid #666;
	vertical-align:	top;
}
#personal_working_week_view thead td {
	vertical-align:	bottom;
}
#personal_working_week_view td.entry_details, #personal_working_week_view td.entry_holiday {
	width: 12%;
}
#personal_working_week_view tr.even td.entry_holiday {
	width: 12%;
	background: #fdd;
}
#personal_working_week_view tr.odd td.entry_holiday {
	width: 12%;
	background: #ecc;
}
#personal_working_week_view tr.even td.entry_details_today {
	width: 12%;
	background: #eee;
}
#personal_working_week_view tr.odd td.entry_details_today {
	width: 12%;
	background: #ddd;
}
#personal_simple_month_view tr.even_day, #personal_simple_week_view tr.even_day, #personal_working_week_view .even,
#working_hours_scheme_details tr.even_day {
	background: #ccc;	
}
#personal_simple_month_view tr.odd_day, #personal_simple_week_view tr.odd_day, #personal_working_week_view .odd,
#working_hours_scheme_details tr.odd_day {
	background: #bbb;	
}
#personal_simple_month_view tr.holiday, #personal_simple_week_view tr.holiday, #personal_working_week_view .holiday,
#working_hours_scheme_details tr.holiday {
	background: #fcc;	
}
#personal_simple_month_view .weeknumber {
	width: 20px;
}
#personal_simple_month_view .day_of_week, #personal_simple_week_view .day_of_week {
	width: 30px;
}
#personal_simple_month_view td.date, #personal_simple_week_view td.date {
	width: 70px;
}
/* PERSONAL - working hours schemes */
#time_entry_sample_button {
	vertical-align:	top; 
	display:		inline-block;
	width:			18px;
	height:			18px;
	background:		#1a1a1a;
}
.scheme_entry_block {
	min-width:		18px;
	display:		inline-block;
}
.scheme_entry_block span.entry_data {
	line_height:	12px;
	padding-left:	5px;
	padding-right:	5px;
	display:		inline-block;
}
.scheme_entry_block .entry_button {
	vertical-align:	top; 
	display:		inline-block;
	width:			18px;
	height:			18px;
}
/* PERSONAL - Bereitschaftsdienste/Nachtdienste */
#stand_by_duties_of_department tr {
	border-bottom: 1px solid #666;
}
#stand_by_duties_of_department tr.working_day {
	background-color: #ccc;
}
#stand_by_duties_of_department tr.saturday {
	background-color: #bbb;
}
#stand_by_duties_of_department tr.holiday {
	background-color: #fcc;
}

/* PERSONAL: Info-Boxen für den Dienststatus */
.personalStatusInfoTooltip {
	display:none;
	min-width:300px;
	min-height:113px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: 3px 3px 10px #000;
	padding: 0px;
	background: #E5E6E8;
}
.personalStatusInfoTooltip .title {
	font-weight:bold;
	font-size:13px;
}
.personalStatusInfoTooltip .name {
	font-weight:bold;
	font-size:14px;
}
.personalStatusInfoTooltip .position {
	font-size:12px;
}
.personalStatusInfoTooltip .status, .personalStatusInfoTooltip .date {
	font-size:10px;
	font-style: italic;
	line-height: 14px;
	/*padding: 2px;*/
}
.personalStatusInfoTooltip .imageContainer {
	float:left;
	display:inline-block;
	width:64px;
	height:64px;
	margin-top:0px;
	margin-right: 3px;
}
.personalStatusInfoTooltip .imageContainer img {
	width: 64px;
	height: 64x;
}
.personalStatusInfoTooltip .buttonbar {
	width: 100%;
	text-align: right;
	clear: both;
	
}
.personalStatusInfoTooltip .button {
	margin: 0;
}


/* APPOINTMENT 2 APP */

table.appointment_working_week_view, #appointment-header-fixed {
    border-collapse:separate;
}

.appointment_working_week_view td {
	padding:0;
}

.appointment_working_week_view td.entry_details, .appointment_working_week_view  td.entry_details_today, .appointment_working_week_view  td.entry_holiday,.appointment_working_week_view td:first-child{
	border-right-width: 10px !important;
	border-right-color: #666 !important;
}
.appointment_working_week_view td:last-child{
	border-right-width: 0px !important;
	border-right-color: #666 !important;
}

#appointment-header-fixed thead td {
	width: 12%;
	border-right: 10px solid #666 !important;
}
#appointment-header-fixed thead td:first-child {
	width: auto;
	
	
}
#appointment-header-fixed thead td:last-child {
	border-right: 0px solid #666 !important;
	
}

#appointment-header-fixed tr.even td.entry_holiday {
	width: 12%;
	background: #755;
}

#appointment-header-fixed tr.even td.entry_details_today {
	width: 12%;
	background: #505050;
}

.appointment_working_week_view tr.brightercolor, .appointment_working_week_view tr.brightercolor td.entry_details_today  {
	background: none !important;
	background-color: #7F7F7F !important;
}

/*.appointment_working_week_view tr.brightercolor td:first-child {
	background: none !important;
	background-color: #7F7F7F !important;
}*/

.appointmentAccordEntryInfoTooltip {
	display:none;
	min-width:200px;
	max-width:600px;
	min-height:220px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: 3px 3px 10px #000;
	padding: 3px;

}

.appointmentAccordEntryInfoTooltip .heading {
	display:inline-block;
	width:50px;
}

.appointmentAccordEntryInfoTooltip .title {
	font-weight:bold;
	font-size:13px;
	padding: 2px;
}

.appointmentAccordEntryInfoTooltip .date {
	font-size:10px;
	color: #333;
	line-height: 14px;
	padding: 2px;
}

.appointmentAccordEntryInfoTooltip .accordList {
	overflow:auto;
	max-height:165px
}
.appointmentAccordEntryInfoTooltip .buttonbar {
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	
}

.appointmentAccordEntryInfoTooltip .buttonbar a {
	font-size: 12px;
	line-height: 18px;
}



/* WIKI-APP */

.wikiContentWrapper .categoryActions .ui-button-text-only .ui-button-text {
	padding: 5px 10px 6px 10px !important;
}
.wikiContentWrapper .categoryActions {
	margin-top: -5px;
}


.wikiCategoryInfoTitle, .wikiArticleInfoTitle {
	cursor:pointer;
	font-weight:bold;
}

.wikiCategoryInfoTooltip {
	display:none;
	min-width:300px;
	min-height:150px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: 3px 3px 10px #000;
	padding: 3px;

}
 .wikiArticleInfoTooltip {
	display:none;
	min-width:300px;
	min-height:200px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: 3px 3px 10px #000;
	padding: 3px;
	margin-left: 50px;
}

.wikiCategoryInfoTooltip .date, .wikiArticleInfoTooltip .date {
	font-size:10px;
	color: #333;
	line-height: 14px;
	padding: 2px;
}

.wikiCategoryInfoTooltip .username, .wikiArticleInfoTooltip .username {
	font-size:10px;
	color: #333;
	line-height: 14px;
	padding: 2px;
	
}
.wikiCategoryInfoTooltip .title, .wikiArticleInfoTooltip .title {
	font-weight:bold;
	font-size:13px;
	padding: 2px;
}
.wikiCategoryInfoTooltip .text, .wikiArticleInfoTooltip .text {
	border-top:		1px solid #D1B24A;
	font-size:		10px;
	font-style:		italic;
	color:			#333;
	line-height:	16px;
	padding:		5px 2px 2px 2px;
	margin-top:		5px;
	width:			300px;
}
.wikiCategoryInfoTooltip .buttonbar, .wikiArticleInfoTooltip .buttonbar {
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	
}
.wikiCategoryInfoTooltip .buttonbar a, .wikiArticleInfoTooltip .buttonbar a {
	font-size: 12px;
	line-height: 18px;
}




.miniColors-trigger {
	height: 22px;
	width: 22px;
	background: url(../images/colorpicker/trigger.png) center no-repeat;
	vertical-align: middle;
	margin: 0 .25em;
	display: inline-block;
	outline: none;
}

.miniColors-selector {
	position: absolute;
	width: 175px;
	height: 150px;
	background: #FFF;
	border: solid 1px #BBB;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	z-index: 999999;
}

.miniColors-selector.black {
	background: #000;
	border-color: #000;
}

.miniColors-colors {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker/gradient.png) center no-repeat;
	cursor: crosshair;
}

.miniColors-hues {
	position: absolute;
	top: 5px;
	left: 160px;
	width: 20px;
	height: 150px;
	background: url(../images/colorpicker/rainbow.png) center no-repeat;
	cursor: crosshair;
}

.miniColors-colorPicker {
	position: absolute;
	width: 11px;
	height: 11px;
	background: url(../images/colorpicker/circle.gif) center no-repeat;
}

.miniColors-huePicker {
	position: absolute;
	left: -3px;
	width: 26px;
	height: 3px;
	background: url(../images/colorpicker/line.gif) center no-repeat;
}


.pinboard-admin-tooltip-styling {
	box-shadow: none;
	padding:0;
	border:0;
}


.qtip-tip {
	z-index: 6002;
}

/* qTip2 v2.2.1 | Plugins: tips modal viewport svg imagemap ie6 | Styles: core basic css3 | qtip2.com | Licensed MIT | Sat Sep 06 2014 23:12:07 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:500px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:0px 0px;overflow: visible;text-align:left;word-wrap:break-word;color:#555;}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:transparent}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:0 0}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}
.qtip-shadow {
	box-shadow: 3px 3px 10px #000000;
}

/* ddslick */

.dd-select {
     border-radius: 0px !important;
	 border: 1px solid #555555 !important;
	 background-color: #FFF !important;
}

.dd-desc {
     color: #aaaaaa;
     display: block;
     font-weight: normal;
     line-height: 1.4em;
     overflow: hidden;
}

.dd-selected {
     display: block;
     font-weight: bold;
     overflow: hidden;
     padding: 5px !important;
}

.dd-pointer {
     height: 0px;
     margin-top: -3px;
     position: absolute;
     right: 10px;
     top: 50%;
     width: 0px;
}

.dd-pointer-down {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #000 rgba(255, 255, 255, 0) transparent !important;
     border-image: none;
     border-right: 5px solid transparent;
     border-style: solid;
     border-width: 5px;
}

.dd-pointer-up {
     -moz-border-bottom-colors: none ! important;
     -moz-border-left-colors: none ! important;
     -moz-border-right-colors: none ! important;
     -moz-border-top-colors: none ! important;
     border-color: rgba(255, 255,  255, 0) rgba(255, 255, 255, 0) #FFFFFF !important;
     border-image: none !important;
     border-style: solid !important;
     border-width: 5px !important;
     margin-top: -8px;
}

.dd-options {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: none repeat scroll 0% 0% #444444 !important;
     border-color: -moz-use-text-color #555555 #555555 !important;
     border-image: none;
     border-right: 1px solid #555555 !important;
     border-style: none solid solid;
     border-width: medium 1px 1px;
     box-shadow: 0px 1px 5px #000000  !important;
     display: none;
     list-style: outside none none;
     margin: 0px;
     overflow: auto;
     padding: 0px;
     position: absolute;
     z-index: 2000;
	 max-height: 200px;
	 box-sizing: border-box;
}
.dd-options li {
	margin:0;
}

.dd-option {
     border-bottom: 1px solid #555555 !important;
     color: #FFFFFF !important;
     cursor: pointer;
     display: block;
     overflow: hidden;
     padding: 5px !important;
     text-decoration: none;
     transition: all 0s ease-in-out 0s !important;
}

.dd-options > li:last-child > .dd-option {
     border-bottom: medium none;
}

.dd-option:hover {
     background: none repeat scroll 0% 0% #D1A323 !important;
     color: #000000 !important;
}

.dd-selected-description-truncated {
     text-overflow: ellipsis;
     white-space: nowrap;
}

.dd-option-selected {
     background: none repeat scroll 0% 0% #AE7934 !important;
}

.dd-option-image, .dd-selected-image {
     float: left;
     margin-right: 5px;
     max-width: 26px !important; /*64px;*/
     vertical-align: middle;
}

.dd-image-right {
     float: right;
     margin-left: 5px;
     margin-right: 15px;
}

.dd-container {
     position: relative;
	 
}

.dd-selected {
	min-height: 27px;
}

​ .dd-selected-text {
     font-weight: bold;
}

 .dd-no-selection-done {
	padding: 8px 5px 7px 5px;
}



.steps {
	/*centering*/
	display: inline-block;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
}

.steps a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.steps a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.steps a:first-child:before {
	left: 14px;
}
.steps a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.steps a.active, .steps a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.steps a.active:after, .steps a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.steps a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.steps a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.steps a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}


.flat a, .flat a:after {
	background: white;
	color: black;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
	background: #9EEB62;
}









/* COMMON-Start */
.helpText {
	color: #666666;
}

.helpBoxHoverable {
	border: 1px solid transparent;
	border-right: none !important;
	border-left: none !important;
	z-index: 10000;
}


.ui-dialog-titlebar {
	color: #000000;
}
/* NEWSLETTER --------------------------------------------------------------- */
.cke_combo__personalisation .cke_combo_text,.cke_combo__masterdata .cke_combo_text {
    width: 120px;
}


table tbody .fa-check-square-o {
	color: #009900;
}

table tbody .ui-state-hover .fa-check-square-o {
/*	color: #000;*/
}



.jtextfill span {
	line-height: 49px;
}

/* TUTION */

.noselect{
   user-select: none;
   -o-user-select:none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}


/* JQuery Multiselect */
  .ui-multiselect { padding:5px; text-align:left }
  .ui-multiselect span.ui-icon { float:right }
  .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
  .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

  .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
  .ui-multiselect-header ul { font-size:0.9em }
  .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
  .ui-multiselect-header a { text-decoration:none }
  .ui-multiselect-header a:hover { text-decoration:underline }
  .ui-multiselect-header span.ui-icon { float:left }
  .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
 
  .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
  .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
  .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
  .ui-multiselect-checkboxes label input { position:relative; top:1px }
  .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px; margin-left:0px; }
  .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
  .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

  /* remove label borders in IE6 because IE6 does not support transparency */
  * html .ui-multiselect-checkboxes label { border:none }
  
  
  /* JQuery Multiselect Filters */
  .ui-multiselect-hasfilter ul { position:relative; top:2px }
  .ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
  .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

    /* JQuery Chosen */
	
	#tuition_filter_chosen {
		float:left;
		margin-left:5px;
	}
	
	.chosen-container .chosen-drop {
		border: 2px solid #e5e6e8;
		border-bottom: 0;
		border-right:0;
		/*background: #333;*/
		margin-left:-6px;
	}
	
	.chosen-container-single .chosen-single {
		/*background: #333;*/
		border: none;
		border-radius: 0px;
		padding: 0;
		box-shadow: none;
		/*color: #fff;*/
		display: block;
		height: 18px;
		line-height: 18px;
		overflow: hidden;
	}
	
	.chosen-container .chosen-results {
		width: 100%;
	}
	
	.chosen-container-active.chosen-with-drop .chosen-single {
		border: none;
		background-image:none;
		box-shadow:none;
	}
  
  /* MANUS */
  .manus_app .entry_holiday {
	  background: rgba(119, 85, 85,0.7) none repeat scroll 0 0 !important;
  }
  
	.timeblock {
		z-index:900;
		opacity:1;
		height:24px;
		border-width:2px 2px 2px 6px;
		border-style:solid;
	}
	.timeblock .tb_content {
		padding:2px 12px 4px 2px;
	}
	.timeblock .tb_name {
		font-size: 10px;
		line-height: 10px;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	
	.timeblock .tb_subline {
		font-size: 8px;
		line-height: 10px;
	}
  
	.timeblock .trash_icon {
		position: absolute;
		bottom: 0px;
		right:0px;
		z-index:901;
		padding: 2px;
	}
	.timeblock .info_button {
		position:absolute;
		right:2px;
		top:4px;
	}
	#main_table tr td.planner_cell {
		border: 1px solid #666;
		min-width: 300px;
		max-width: 300px;
		padding:0;
	}
	
	#main_table tr td.planner_cell div.dropable {
		width:33.3333%;
		height: 28px;
		float: left;
		position:relative;
	}
  
	
	.dialog .categories {
		background:none repeat scroll 0 0 #FFFFFF;
		/*border-right:1px solid #F0F0F0;*/
		float:left;
		height:100%;
		list-style:none outside none;
		margin:0 0 0 0;
		padding:0px 0 0;
	 }

	  .dialog .categories li.selected {
		background:none repeat scroll 0 0 #AE7934;
	  /*  color:#FFFFFF;*/
	  }
	  .dialog .categories li {
		list-style: none;
		margin:0;
		padding:0;
	  }
	
	
/* COMMON-End */


@media print {
  * {background: none !important; color: black !important;  box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
/*  img { max-width: 100% !important; }*/
  @page { margin: 0.5cm 0.1cm 0.5cm 0.1cm; }
  form {display: block;}
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .nav_small,.overall_top_header,.overall_header,.app_menue,.smallMainButtonTooltip,.debug,.overall_footer,.button {display:none !important;}
  .app_content{width: 100% !important;margin:0; margin-top: 10px !important;}
  .odd, .odd_row, .odd_day{background: #CCCCCC !important; background-color:#CCCCCC !important;}
  .holiday {background: #B77777 !important; background-color:#B77777 !important;}

  /* Kalender */
  .calSlotScroller{overflow: visible !important;height: auto !important;}
  .fc-view {overflow: visible !important;}
  .fc-header-left,.fc-header-right {display:none !important;}

  .print_no_border {border:none !important;}
  .print_no_display {display:none !important;}
  .print_no_margin {margin:0px !important;}
  .highcharts-container,.highcharts-title, .highcharts-subtitle {color: #000000 !important; fill: #000000 !important;}
  
    /* Datatable */
  .dataTables_scrollBody {height:auto !important;}
  .dataTables_length {display:none !important;}
  
  .container_16.global {min-width: 960px !important}
}