.dropshadow {
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

/*
	object table
*/
table.object { clear:both; }
table.object th { text-align:left;
			padding:4px;
			color:#fff;
			background:#999;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			font-size:7.5pt;
			}
table.object td {
	background-color:#fff;
	border: 1px solid #999;
	padding:3px;
	font-size:9pt;
	min-width:120px;
}
table.object td a {
	display:block;
	color:#273;
	text-decoration:none;
	padding:2px;
	border:1px solid #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}

/*
	display / list tables
*/
table.displaytable {
	border:1px dotted #ccc;
	overflow:hidden;
	table-layout:auto;
	min-width:40%;
	font-size:8pt;
	margin-bottom:4px;
	clear:both;
}

table.displaytable tr td { font-size:8pt; padding:2px; }
table.displaytable tr td a {
	text-decoration:none;
}
table.displaytable tr td a.icon {
					display:block;
					color:#273;
					text-decoration:none;
					padding:2px;
					border:1px solid #333;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					height:12px;
					white-space:nowrap;
					background:#fff;
				}
table.displaytable tr td a.icon img {border:0px none; }
th {
	font-size:8pt;
	background:#555;
	color:#eee;
	padding:2px;
}

table.displaytable tr th a {
	color:#eee;
	text-decoration:none;
	margin:0.0em 0.1em;
}

table.displaytable tr th.sortable
{
	white-space:nowrap;
}
table.displaytable tr th.sortable a img
{
	border:none;
}

table.displaytable tr th a:hover {
	border-bottom:1px dotted #c90;
}

table.displaytable tr th a.act {
	border-bottom:1px dotted #fc0;
	background: rgba(255, 255, 200, 0.2);
}

.row0{background-color:#E0E0E0;}
.row1{background-color:#f0f0f0;}
.rowhead{ background-color:#C0C0C0; padding-top: 2px; }
table.displaytable tr:hover { background:#df9; /*cursor:pointer;*/ }

div.morehidden {
				display:none;
				position:absolute;
				background:#fff;
				padding:1.5em;
				background:#f0f0f0;
				border:1px solid #777;
		}
div.moreover { cursor:pointer;}
div.moreover:hover div.morehidden  { display:inline; }
div.moreover:before {
	content:url(../../../gui-icons/bullet_arrow_up.png);
}

/* subtext */
table.displaytable td span.minor { color:#777; font-style:italic; font-size:0.75em; margin:0.2em}
/* link */
table.displaytable td a { color:#556; font-weight:bold; font-size:0.9em}

/* datefield */
table.displaytable span.date { background:#f5f5f5; padding:2px;}

/* lookupfield */
table.displaytable span.dblookup a { color:#556; font-weight:bold; font-size:0.9em}
table.displaytable span.dblookup span.minor { color:#777; font-style:italic; font-size:0.75em; margin:0.2em}

/* formfield expandable */
table.displaytable textarea.expandable { width:13em; font-size:0.95em; overflow:hidden}


/*
 * function link / button / multibutton
 */
div.bpanel { height:0.8em; font-size:0.8em;  }
div.bpanel div.button { float:left;  }
div.bpanel div.button a,
div.multibutton div.options div a
 {
		display:block;
		text-decoration:none; color:#444;
		border:2px solid #ccc;
					margin:2px 2px 2px 0px;
					padding:2px 4px 2px 3px;
					background:#e0ddff;
					font-weight:bold;
					border-color:#aaa #777 #777 #aaa;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
}
div.bpanel div.button a:hover,
div.multibutton  div.options div a:hover
 {
 }

div.bpanel div.button a:active {
	border-color:#777  #aaa  #aaa #777; background:#ccc;
}

div.multibutton {
		font-size:0.9em ;
		margin-right:4em;
		position:relative;
}

div.multibutton div.options {
	position:absolute;
	display:none;
	z-index:1000;
	background:#fafafa;
	border:1px solid #999;
	top:-3.0em;
	padding:0px;
}
div.multibutton div.options div.men {
	padding:1.2em 1em;
}

#content div.multibutton div.options h2 {
	background:#D0D9B2;
	border:none;
	margin:0px;
	color:#fff;
	padding:0.1em 0.5em;
}

div.multibutton div.options div a { margin-bottom:0.3em;}

div.multibutton div.hook:before { content:url(../../../gui-icons/application_side_expand.png);	}
div.multibutton div.anchor
{
	float:left;
}

div.multibutton div.hook
{
	cursor:pointer;
	display:block;
	text-decoration:none;
	color:#444;
	padding:2px 14px 2px 4px;
	border:2px solid #ccc;
	margin:2px 4px 2px 0px;
	background:#f0f0fa;
	font-weight:bold;
	border-color:#aaa #777 #777 #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

div.multibutton div.hook-greydout
{
	display:block;
	text-decoration:none;
	color:#bbb;
	padding:2px 14px 2px 4px;
	border:2px solid #ccc;
	margin:2px 4px 2px 0px;
	background:#f0f0fa;
	font-weight:bold;
	border-color:#aaa #777 #777 #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/*
	content panels + content headlines
*/
#content div.panel {
			border:1px solid;
			border-color:#ccc #999 #999 #ccc;
			background: rgba(245,255,255,0.2);
			margin:2px 2px 0.5em 2px;
			padding:4px;
}

#content div.panel div.panel {
			border:1px solid;
			border-color:#aaa #777 #777 #aaa;
			background:#fafafa;
			margin:3px 0px 3px 0px;
			padding:4px;
}

#content div.floatpanel
{
	float:left;
	margin:0.4em;
}

#content div.panel h2, h3 { font-size:0.85em; }
#content div.panel h3 {
	margin: 0.2em 0em;
	padding:0.3em;
	background:	-moz-linear-gradient(center bottom , #E0E0E5 10%, #F5F5F5 15%);
	color:#777;
}

/*
	overview bar
*/
div.overview
{
	background:#fafafa;
	border:1px solid #abf;
	padding:4px;
	margin:0px 0px 3px 0px;
}

div.overview h3 { font-size:14pt;}

/*
	dropshadows
*/
#content div.panel
{
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
#content div.panel div.panel
{
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#content div.multibutton div.options
{
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}


/*
	pagination
*/

div.paginationControl {
	font-size:9pt;
	margin-top:1em;
	border-top: 1px dotted #9c9;
	padding-top:0.5em;
}

div.paginationControl a,
div.paginationControl span.disabled,
div.paginationControl span.selected,
div.paginationControl div.form
{
	text-decoration:none;
	border:1px solid #9c9;
	color:#030;
	padding:0.2em 0.2em;
	border-width:1px 2px 2px 1px;
	display:block;
	float:left;
	margin-left:0.2em;
}

div.paginationControl span.selected
{
	font-weight:bold;
	border:none;
	background:#eee;
}

div.paginationControl a
{
	border-color:#9c9;
	background:#eff;
}
div.paginationControl span.disabled {
		color:#ccc;
		background:#eee;
		border-color:#aaa;}

div.paginationControl span.info {
	font-size:0.9em; color:#333;
	margin-left:0.5em;
	margin-top:-0.3em;
	display:block;
	float:left;
	//clear:both;
}

div.paginationControl div.form
{
	margin-top:-0.2em;
	margin-left:0.5em;
}



/*
---------------------------------------------------------------------------

	button-link

---------------------------------------------------------------------------
*/
a.button {
		text-decoration:none;
		color:#555;
		margin:0.1em;
		padding:0.4em;
		-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  		-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  		background:#eef;
	}
a.button:hover {
		text-decoration:none;
		color:#7775;
  		background:#eee;
	}



/*
---------------------------------------------------------------------------

	widgets / sidbar

---------------------------------------------------------------------------
*/
#viewactions { padding:0;
	min-height:20px;
}
#viewactions ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

div.menuswitch,
#viewactions ul.menu a {
	display:block;
	text-decoration:none;
	margin:0.1em 0.1em;
	border:1px solid;
	border-color: #ccc #555 #555 #ccc;
	color:#555;
	padding:0.5em;
	font-size:0.85em;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.1, #e0e0e5),
	    color-stop(0.15, #f5f5f5)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	   	#e0e0e5 10%,
	    #f5f5f5 15%
	);

}

div.menuswitch:hover, #viewactions ul.menu a:hover {
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.1, #e3e3e5),
	    color-stop(0.15, #f5f5f5)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	   	#e3e3e5 10%,
	    #f5f5f5 15%
	);
}
#viewactions ul.menu a:active {

}

div.sidewidgets .panel {
	padding:0px;
	margin:0 0 0.4em 0;
	padding:0.4em 0;
	background:#fafafa;
	border-bottom:1px dotted #ccc;;
}

div.right .panel {  }
div.sidewidgets .panel a {
	text-decoration:none;
	color:#336;
}

div.sidewidgets .panel h4 { margin:0.2em; color:#999 }

.menuswitch span.off:after {content: url(../../../gui-icons/bullet_arrow_down.png); }
.menuswitch span.on:after {content: url(../../../gui-icons/bullet_arrow_up.png); }


div.menuswitch { cursor:pointer; }
#viewactions ul.dynamic-list li {
	border:0px;
	border-color:#ccc;
	border-style:solid;
	padding:0px;
	margin:0px 0px 0px 5px;
}

#viewactions ul.dynamic-list a {
	border: 0px 0px 1px 0px;
	padding:0.1em;
	margin:0px 0px 2px 0px;
	text-decoration:none;
	color:#333;
	display:block;
	font-size:0.8em;

}
#viewactions ul.dynamic-list a:hover{ color:#777; }
#viewactions ul.dynamic-list a:active { }


div.quickinfo { font-size:11pt; margin-left:0.2em}
div.panel div.quickinfo h4 { margin:4px; color:#555;}

div.quickinfo div.fixed-image-wrapper { width:120px; margin:auto; }
div.quickinfo div.fixed-image { height:120px; overflow:hidden; }
div.quickinfo div.fixed-image img { border:1px solid #999; width:97%;  }

div.sidewidgets div.wf { font-size:0.6em; line-height:1.7em; padding:0 0.3em;}




div.help-panel { padding-top:1em; }
div.help-panel h4 { margin:0.2em; color:#999}
#help { color:#777; }


#help ul { padding-left:1.4em }
#help ul { list-style-type: circle;}
#help ul li { margin-bottom:1em; }

#help-show { cursor:pointer; display:none;}

.helpshow {
		position:absolute;
		width:35em;
		left:-10em;
		display:block;
		margin:0.2em;
		box-shadow: 4px 4px 4px #444;
		moz-box-shadow:4px 4px 4px #444;
		}
.helpshow ul {background:#fff;}
.helpshow ul li {font-size:1.5em; margin:1.5em}
.helphide {display:none;}


/* rightbar */
div.right div.panel div { font-size:0.70em; }

/*
sidebar , search, jquery..
*/

#global-search-results .contents {
		background:#fff; padding:0.2em; border:1px dotted #999; margin:0.2em;
		position:relative;
		float:left;
	}
#global-search-results h5 {
		margin:0;
		padding:0.1em;
		color:#999;
		background:#eee; font-size:0.75em;
	}


/* jquery ajax form*/
.formdiv {
		position:absolute;
		width:400xp;
		top:100px; left:100px;
		background:#fff; padding:0.2em;
}

._factact:hover{
	background:#9f9;
	cursor:pointer;
}

/*
-----------------------------------------------------------------------------

driver / endpoints app

------------------------------------------------------------------------------
*/
.app-driver
{
	min-height:20em;
}
div.col50 {
	width:50%;
	float:left;
}
.endpoints-list {

	height:30em; overflow:auto;
}
.drivers-list {
	height:30em; overflow:auto;
}

/* transport block */
.endpoints-list div.endpoint,
.drivers-list div.endpoint
 {
	background:#f8f8ff;
	padding:0.2em;
	margin:0.2em;
	height:4.75em;
}

/* driver block */
.drivers-list div.driver  {
	background:#f8f8f8;
	padding:0.5em;
	margin:0.5em;
	border: 1px dotted #999;
}

div.driver h2 {
	background:#e0f0f8;
	margin:0.3em 0;
	padding:0.5em 0;
	font-size:1em;
	}

/* within transport block .. : */
div.endpoint input {
	float:left;
	margin:-0.5em 0.2em 0.2em 0.2em;
}
div.endpoint label
{
	display:block;
	float:left;
	margin:-0.5em 0.2em 0.2em 0.2em;
}

div.endpoint label.loc {
	width:24em;
	background:#fff;
	font-weight:bold;
	color:#555;
	float:left;

}
div.endpoint p {
	clear:both;
}
div.endpoint label.time,
div.endpoint label.time2 {
	color:#224;
	background:#fd7;
	font-weight:bold;
	padding:0.2em;
}

div.endpoint label.time2 {
	background:#d7f;
}

div.endpoint label.art {
	font-weight:bold;
	padding:0.2em;
	float:left;
}

div.endpoint label.lastn {
	float:left;
}

.app-driver div.endpoint:hover {background:#eee; }
.app-driver label { cursor:pointer;}

/* calender split , time headline */
.app-driver .col50 span.t {
	border-bottom:1px solid #999;
	display:block;
	clear:both;
	padding:0.6em;
	background:#E0F0F8;

}
.app-driver .col50 span.t i {
	color:#aaa; font-size:0.8em;
}
.app-driver a.icon {
	text-decoration:none;
	color:#555;
	background:#f0f0f0;
	display:block;
	float:left;
	margin:-0.5em 0.2em 0.2em 0.2em;
}




/*
-----------------------------------------------------------------------------

coloring of status fields

------------------------------------------------------------------------------
*/

span.workflow { padding:0.2em 0.5em;
    font-weight:bold;
    color:#fff;
    background:#aaa;
    font-size:0.85em;
    border-radius:4px;}

span.wf-invalid { color:#f00; background:#000}

span.wf-artist-lector-10,
span.wf-artist-translate-10,
span.wf-artist-progress-10,
span.wf-event-care-10,
span.wf-event-lector-10,
span.wf-event-translate-10,
span.wf-event-progress-10
 { background:#cc3}

span.wf-artist-lector-20,
span.wf-artist-translate-20,
span.wf-artist-progress-20,
span.wf-event-lector-20,
span.wf-event-translate-20,
span.wf-event-progress-20
 { background:#bf5}

span.wf-artist-progress-25 {
 background:#4af;
}

span.wf-artist-lector-30,
span.wf-artist-translate-30,
span.wf-artist-progress-30,
span.wf-artist-hotel-30,
span.wf-artist-transport-30,
span.wf-artist-care-30,
span.wf-event-care-30,
span.wf-event-lector-30,
span.wf-event-translate-30,
span.wf-event-progress-30
{ background:#4a2}


span.wf-event-care-20,
span.wf-artist-hotel-20,
span.wf-artist-transport-20,
span.wf-artist-hotel-20,
span.wf-artist-care-20
{ background:#cd5 }




/*
	index controller lists
*/
div.indexmenu ul a { font-size:1.2em; }
div.indexmenu ul a:hover { border-bottom:1px solid #999 }
div.indexmenu ul { list-style-type:none }
div.indexmenu ul.navigation li {  float:left; min-width:130px; }
div.indexmenu ul.navigation ul li {  clear:both; border:none; background:transparent}
div.indexmenu ul ul { padding:0.2em 0em }
div.indexmenu ul ul a { font-size:1em; }
div.indexmenu ul.navigation li a { color:#333; text-decoration:none; }




/** components */
.foodvoucher td.input {
	text-align: center;
}
.foodvoucher input[type=number]{
    width: 3em;
    padding: 0.15em;
}

.foodvoucher #dataform input[type=number].diff{
	background: #efd;
}

.foodvoucher #dataform input[type=number].empty {
	color: #ccc;
}

.foodvoucher td.present {
	border: 1px dotted #555;
	background: #999;
}