body {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
}

.iconline {
	padding: 0.7em 35px 0.7em 80px !important;
	line-height: 60px;
}

.ui-header h3.ui-title {
    font-size: 14px;
    min-height: 23px;
    /*margin: 0.6em 70px 0.8em;*/
}

.ui-header h2.ui-title {
    font-size: 16px;
    min-height: 23px;
    /*margin: 0.6em 50px 0.8em;*/
}

a.ui-btn {
    text-overflow: clip;
}

#page-info {
	background: -moz-linear-gradient(top, #D0D0D0 0%, #FFFFFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0D0D0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D0D0D0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #D0D0D0 0%,#FFFFFF 100%); /* W3C */
}

#page-settings div.ui-slider {
    width: 180px;
}

#page-rest h3, #page-rest strong {
    white-space: normal;
}

#page-rest .mealday {
    background: linear-gradient(#DDDDDD, #BBBBBB) repeat scroll 0 0 #BBBBBB;
}

#page-restday div.ui-content a {
	padding-right: 40px;
}

#page-restday div.ui-content span.ui-block-b {
	text-align: right;
}

#page-rest-order p.restPrice {
	text-align: right;
	margin-top: -10px;
	padding-right: 6px;
}

div.timeball {
    margin: -7px auto 0 auto;
    width: 128px;
    height: 128px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    line-height:128px;
    color: white;
    text-shadow: 0 1px 0 black;
}

div.timeUnknown {
    background-image: url("../img/grayball_2.png");
}

div.timePresent {
    background-image: url("../img/status_green_02.png");
}

div.timeGone {
    background-image: url("../img/status_red_02.png");
}

div.timeOut {
    background-image: url("../img/status_blue_02.png");
}

div.timeParent {
    background-image: url("../img/status_yellow_02.png");	
}

div.timeBusiness {
    background-image: url("../img/status_orange_02.png");	
}

table.booklist {
    width: 80%;
    margin: 11px auto 0px auto;
    padding: 4px;
    border-collapse: collapse;
    -webkit-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    -webkit-border-radius: 1em;
    -webkit-background-clip: padding-box;
    border-radius: 5px;
    background-clip: padding-box;
}

table.booklist th {
    margin: 0;
    padding:4px;
    text-align: center;
}

table.booklist td {
    margin: 0;
    padding:4px;
    text-align: center;
}

table.booklist td.small {
    padding: 0;
}

table.booklist td hr {
    width: 95%;
    border-top: 1px solid #A0A0A0;
    border-bottom: none;
    border-right: none;
    border-left: none;
    margin: 0 auto;
}

#page-bookings .ui-footer {
	padding: 0.4em 0;
}

#page-bookings .ui-footer .ui-controlgroup {
	text-align: center;
	margin: 0;
}

#page-bookings .ui-controlgroup-controls {
    width: 343px;
    overflow: hidden;
    white-space: nowrap;
}

#page-bookings .ui-footer a {
	font-size: 12px;
}

#page-bookings div.ui-slider {
    width: 180px;
}

ul.workplace {
	width: 80%;
	margin: 1em auto !important;
	-webkit-border-radius: 1em;
	border-radius: 5px;
}

p.smallInfo {
    margin: 0 11px 0 0;
    /* text-align: right; */ /* no align right cause of mobilework btn*/ 
}

#page-presence div.ui-content {
	padding: 0;
}

#page-presence ul {
	margin: 0;
}

form.searchform {
	display: table;
	width: 100%;
	/*margin: 4px 0px -4px 4px;*/
	padding: 4px 0 4px 4px;
	margin: 0;
}

form.searchform > * {
	display: table-cell;
    vertical-align: middle;
}

form.searchform > input {
    width: 100%;
}

form.searchform > span {
    width: 49px;
}

form.searchform > span div {
	margin: 0 0 0 8px;
	padding: 0;
}

#page-article div.ui-content {
    padding: 0;
}

#page-article ul {
    margin: 0;
}

#page-order-edit .order-meal {
	width: 100%;
}

#page-order-edit .order-head {
	text-align: center;
}

#page-order-edit .order-meal .ui-li-heading,
#page-order-edit .order-meal .ui-li-desc {
	white-space: normal;
}

#page-order-edit .order-meal .ui-controlgroup {
	margin: 0;
}

#page-order-edit .order-meal .order-count {
	display: block;
	float: left;
	font-size: 16px;
	margin: 0 6px 0 0;
	padding: 0.2em 0.5em;
}

#page-order-edit .order-meal .order-price {
	margin: -0.3em 1em 0.6em;
	text-align:right;
}

#page-order-edit .order-meal .order-desc {
	font-weight: bold;
}

#page-order-edit .order-entry {
	font-size: 12px;
	font-weight: 400;
	white-space: normal;
	margin: 0;
}

#page-order-edit .order-entry-price {
	float: right;
}

#page-order-edit .order-pay {
	margin-top: 30px;
}

#page-order-edit .ui-footer a.ui-btn {
	display: block;
}

.meal-tag {
	border-color: #bbb;
	border-radius: 1em;
	border-style: solid;
	border-width: 1px;
	font-size: 12.5px;
    font-weight: 100;
    line-height: 1.6em;
    min-height: 1.6em;
    min-width: 0.64em;
    padding: 0 0.48em;
    white-space: break-spaces;
    text-overflow: ellipsis;
	max-width: 240px;
	display: inline-block;
	overflow: hidden;
}

#meals_luebeck p,
#meals_dassow p,
#meals_rennersdorf p,
#meals_selmsdorf p,
table.order-meal p {
	white-space: normal;
}

#meals_disclaimer {
	margin-top: 3em;
	font-size: .75em;
	font-weight: 400;
	font-style: italic;
}

#page-tempcontrlroom  div.ui-content table {
	margin: 0 auto;
}

#page-tempcontrlroom  div.ui-content table td {
	font-weight: normal;
}

#page-tempcontrlroom  div.ui-content form table {
	margin: -16px auto 24px;
}

#page-tempcontrlroom  div.ui-content form table td {
    text-align: center;
}

#page-tempcontrlroom  div.ui-content table td:first-child {
    font-weight: bold;
    padding-right: 10px;
}

#page-tempcontrlroom  label {
	font-weight: bold;
}

#page-tempcontrlroom input {
    width: 107px;
    text-align: center;
    border: 1px #BBBBBB;
    border-radius: 1em;
    text-shadow: 0 1px 0 #FFFFFF;
    background-color: #F9F9F9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding: 11px 16px;
    cursor: pointer;
    font-weight: bold;
    color: #474747;
}

#page-tempcontrlroom input:hover {
	background-color: #EEEEEE;
}

#page-tempcontrlroom span.isttemp {
	font-size: 42px;
}