@import url("colpick.css");
/* qtip details tooltips*/

.qtip.detailsToolTip{
	max-width: 600px;
	min-width: 50px;
	max-height: 380px;
	background-color: transparent;
	border: none;
	cursor: move;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px 10px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 20px 10px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 20px 10px rgba(50, 50, 50, 0.65);
}

.detailsToolTip .qtip-content{
	padding: 0px;
	max-width: 600px;
	min-width: 50px;
	max-height: 380px;
	overflow: auto;
	overflow-x: hidden;
	border-radius: 10px;
}

/* details tooltips spaltenbreite */
td.inToolTip {
	width: auto !important;
}
td.inToolTip.colLabel {
	width: 40% !important;
}


/*Einträge für auto complete, AJAX, Javascript Zeug */

.ui-widget { font-family: Tahoma, Verdana, Arial, Helvetica sans-serif; font-size: 11px; }
.ui-widget .ui-widget { font-size: 11px; }
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button { font-family: Tahomo, Verdana, Arial, Helvetica sans-serif; font-size: 11px; }
.ui-widget-content a { color: #362b36; }
.ui-widget-header { border: 1px solid; }
.ui-widget-header a { color: #222222; }
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0px; } 
.ui-autocomplete-input { margin: 0; padding-left: 1px; }
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { border: 1px solid gray; color: Black; }
.ui-state-default a, 
.ui-state-default a:link, .ui-state-default a:visited { color: #004596; text-decoration: none; }
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited {text-decoration: none;}
.ui-widget :active { outline: none; }
.ui-menu {list-style:none; padding: 2px; margin: 0; display:block; float: left;}
.ui-menu .ui-menu { margin-top: -3px;}
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1;	float: left; clear: left;}
.ui-menu .ui-menu-item a { text-decoration:none; display:block;	padding:.1px 2px; line-height:1.2; zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal; color: white;}
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: 1px; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }
.ui-button-icon-only { width: 1px; }
button.ui-button-icon-only { width: 18px;}
.ui-button-icons-only { width: 1px; } 
button.ui-button-icons-only { width: 1px; }
.ui-button .ui-button-text { display: block; }
.ui-button-text-only .ui-button-text { padding: 1px; }
.ui-button-icon-only .ui-button-text, 
.ui-button-icons-only .ui-button-text { padding: 1px; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, 
.ui-button-text-icons .ui-button-text { padding: 1px; }
.ui-button-text-icon-secondary .ui-button-text, 
.ui-button-text-icons .ui-button-text { padding: 1px; }
.ui-button-text-icons .ui-button-text { padding-left: 1px; padding-right: 1px; }
input.ui-button { padding: 1px; }
.ui-button-icon-only .ui-icon, 
.ui-button-text-icon-primary .ui-icon, 
.ui-button-text-icon-secondary .ui-icon, 
.ui-button-text-icons .ui-icon, 
.ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, 
.ui-button-text-icons .ui-button-icon-primary, 
.ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, 
.ui-button-text-icons .ui-button-icon-secondary, 
.ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, 
.ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } 
.ui-corner-all, 
.ui-corner-top, 
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-menu-item { display: block; line-height: 1.2; padding: 0.2em; text-decoration: none; white-space: nowrap;}
a.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {}
.ui-state-hover a, 
a.ui-state-hover,
.ui-state-hover a:link, 
.ui-state-hover a:visited {text-decoration: none;}
.ui-autocomplete { padding-right: 20px; width: auto; cursor: default;}
* HTML .ui-autocomplete { width: 1px; }
* HTML .ui-menu .ui-menu-item { margin:0;padding: 0;display: inline; zoom: 1;}
* HTML .ui-menu .ui-menu-item a { text-decoration:none; padding:.1px 2px; line-height:1.2;zoom:1;width: auto;}
.ui-state-default .ui-icon {background-image: url("images/ui-icons_3d80b3_256x240.png");}
.ui-icon-triangle-1-s {background-position: -64px -16px;}
.ui-icon {background-image: url("images/ui-icons_72a7cf_256x240.png");height: 16px;width: 16px;}
.ui-icon {background-repeat: no-repeat;display: block;overflow: hidden;text-indent: -99999px;}
ul.progInput { list-style-type: none; margin: 0; padding: 0; background: #eee; padding-left: 2px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; }
ul.progInput li.progSubTitle ul li { color:black; font:11px tahoma,verdana,arial,helvetica,sans-serif black; list-style-type: none; margin: 0px; padding: 0px;}
ul.progInput li table.progInput{ border: none; }
ul.progInput li td.colLabel{ vertical-align: middle; }
li.progSubTitle { list-style-type: none; margin: 0px; padding: 0px;}
ul.progInput li.progSubTitle {position: relative; top: -2px; left: -2px; padding-left: 2px;}
ul.progInput li:hover table,
ul.progInput li table:hover,
.dragging,
.dragging td.colLabel,
.dragging table *{ background: #fd0; cursor: all-scroll;}
.dragging input{ background: #fd0; cursor: auto;}
.consort { list-style-type: none; margin: 0; padding: 0; float: left;  background: #eee; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; }
.consort:empty {height: 200px; width: 80%; margin: 10px; background: #ccc}
.consort li:hover{ background: #fd0; cursor: all-scroll;}
.consort li { margin: 5px; padding: 5px;} }
.ui-sortable li { margin-left:5px; }
li.hoveritem,
li.hoveritem table { background: #fd0; cursor: all-scroll; }
.noUlStyle { list-style-type: none; margin: 0; width: 100%;  background: #eee; padding-left: 0px; padding-right: 0px;}
.noUlStyle li {margin: 0px;}
.fieldsetdiv fieldset {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.ui-widget-content { background: none repeat scroll 0 0 #FFFFFF;}			
td.close{margin: 0px;padding: 0px; vertical-align: top; border-spacing: 0px;}
td.close input{position: relative; top: -2px;}
td.close input.ui-autocomplete-input {top: -4px;}
td.close button{position: relative; top: -2px;}
/* saf3+, chrome1+ hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 td.close button{position: relative; top: -4px;}
}
img.loadingbar:before{content: '\00a0';}
img.loadingbar{width: 100px;height: 12px;vertical-align: middle;font-size: 16px;}
img.attachmenticon:before{content: '\00a0';}
img.attachmenticon{width: 16px;height: 16px;border: 0px;padding: 0px;margin-top: 0px;margin-bottom: 0px;vertical-align: middle;}
* HTML img.attachmenticon{width: 16px;height: 16px;border-top: 2px;border-color: rgb(238, 238, 238); border-style:solid;padding: 0px;margin-top: 0px;margin-bottom: 0px;vertical-align: top;font-size: 16px;}
#messagebox {
	display: none;
	border: 1px solid #666666; 
	-webkit-box-shadow: 0 0 16px 8px #666666;
	box-shadow: 0 0 16px 8px #666666;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 8px;
	position: fixed; right: 10px;
	background-color: white;
	z-index: 999;
}
#messagebox .messDiv {
	float: left;
	max-width: 500px;
}
#messagebox .messDiv .message,
#messagebox .messDiv .fehlerMess{
	border:none;
	}
#messagebox .messDiv table {
	width: 100% !important; 
	min-width:200px
}
#messagebox .messDiv #msgBody {margin-top: 4px;}
#messagebox .messDiv .messTitle,
#messagebox .messDiv .fehlerTitle{
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#messagebox .messImg {
	width: 48px;
	height: 48px;
	float: left;
	background-size: cover;
	margin-right: 5px;
}
.accordionmess {display: block;position:absolute;height:3em;top:0;left:0;right:0;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;text-align: center;}
.accordionmess p{position: relative;top: 0.5em;}
.success{border: 5px solid green;background-color: white;}
.error{border: 5px solid red;background-color: white;}
/*block für neues menü*/
.headerMenuSF {background-color: #BDD2FF;color: black;font-size: 11px;}
span#leftMenu {background-color: #BDD2FF;}
/* erste ebene */
ul.sf-menu li {background: none repeat scroll 0 0 #BDD2FF;}
/* zweite ebene*/
ul.sf-menu li li {background: none repeat scroll 0 0 #AABDE6;}
/* 3. und höhere ebene*/
ul.sf-menu li li li {background: none repeat scroll 0 0 #9AAEDB;}


/*
 * jQuery UI CSS Framework 1.8.18
 */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1; filter:Alpha(Opacity=1); background-image: none; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }


/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/*
 * jQuery UI Accordion 1.8.18
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background-color: #EEE;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion table.progInput { border: none; }
.ui-accordion .ui-accordion-header a { display: block; padding: .5em .5em .5em 2.5em; border: none !important; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/*
 * jQuery UI Multiselect neue Listbox
 */

.ui-multiselect, .ui-multiselect.ui-state-default { background-color: white; width: auto; padding:1px 0 1px 4px; text-align:left; margin-left: 2px }
.ui-multiselect.nullable, .ui-multiselect.numbersNullable { color: black; background: whiteSmoke}
.ui-multiselect.ui-state-active { color: black; background: whiteSmoke; text-decoration: none; }
.ui-multiselect.ui-state-default { font-weight: normal }
.ui-multiselect span.ui-icon { float:right; height: 12px; margin-top: 2px; }
.ui-multiselect span.ui-icon-triangle-2-n-s { background-position: -128px -18px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }

.ui-multiselect-header { margin-bottom:3px; padding:2px 0 2px 4px; background: #dddddd !important; background-color: #dddddd !important;}
.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 { width: auto !important; display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; padding-right:3px }
.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 }
.ui-multiselect-header li{margin-left:0px;}

/* filter */
.ui-multiselect-hasfilter ul { position:relative; top:2px; display: inline-block;}
.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; 
	padding-right: 19px !important;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(../images/find.small.png);
	-webkit-appearance:textfield; 
	-webkit-box-sizing:content-box; 
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* neue attribute für einheitliches design mit html5 doctype */

.middle_table { padding-top: 1px }

/* 
     new color specific attributes for ajax / js / css
*/
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited { color: black; background: gray; text-decoration: none; }
.ui-state-hover a, 
a.ui-state-hover,
.ui-state-hover a:link, 
.ui-state-hover a:visited { background: gray; color: black; text-decoration: none; }
.ui-progressbar{background-color: #aaaaaa; }
.ui-progressbar .ui-progressbar-value {background-color: gray;}

/*
		ERROR and Validation style
*/

.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #FFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
}

.ErrorField,
.ui-state-default.ErrorField {
    border-color: #D00;
    color: #D00;
    background: #FFFFFE;
}

.nullable.ErrorField {
    border-color: #D00;
    color: #D00;
}

span.ValidationErrors {
}

/*
		Connect workplace
*/

.applicantsIncBody, .applicantsOutBody, .syncDivBody, .learnagreeBody, .conPartner {
	margin-left: 10px;
}
.applicantsIncBody > div.body, 
.applicantsOutBody > div.body, 
.syncDivBody > div.body, 
.learnagreeBody > div.body{
	margin-left: 15px;
}
div.head { margin-top: 2px; }
@media print 
{
	td[width='50%'] 
	{
	    display: inline-block;
	    float: left;
	}
	.colLabel img 
	{
		display:none;
	}
	.hiddenByPrint
	{
		display:none;
	}
	.newPageOnPrint
	{
		page-break-before: always;
	}
}
@media screen
{
	.showByPrint
	{
		display: none;
	}
}