/*
-----------------------------------------------
$Id managr.css 1236533589, 2009-03-08 18:03:09 msslovi0 $
storemana.gr
Stylesheet:	http://storemana.gr/
Author:		Matt Slovig
Version:	8 March 2009
Revision:	8 March 2009
Colors:
----------------------------------------------- */

/* -----------------------------------*/
/* ---------->>> RESET <<<------------*/
/* -----------------------------------*/

/* v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/index.html */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	.ie6 #managr, #ie6hint {
		display: none;
	}

	#ie6hint {
		width: 501px;
		height: 404px;
		margin: 0 auto;
		background: url(/assets/images/ie.png);
	}

	.ie6 #ie6hint {
		display: block !important;
		position: relative;
	}

		.ie6 #ie6hint h1 {
			padding-top: 45px;
			padding-left: 45px;
			padding-bottom: 25px;
			font-size: 24px;
			color: #FFF;
			font-weight: normal;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		}

		.ie6 #ie6hint p {
			color: #CCC;
			padding-left: 45px;
		}

		.ie6 #ie6hint ul {
			padding: 10px 45px;
			font-size: 14px;
			font-weight: bold;
		}

			.ie6 #ie6hint ul a, .ie6 #ie6hint .copyright a {
				color: #CCC;
				text-decoration: underline;
			}
				.ie6 #ie6hint ul a:hover, .ie6 #ie6hint .copyright a:hover {
					text-decoration: none;
				}

		.ie6 #ie6hint .copyright {
			color: #CCC;
			position: absolute;
			bottom: 40px;
		}

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html {}

body {
	background: #A7B1BA url(/assets/images/bg.top.png) repeat-x;
	font: 11px/16px "Lucida Grande", Verdana, sans-serif;
	text-shadow: #FFF 0 1px 0;
	font-style: normal;
	font-weight: normal;
}

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

#managr {
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
	height: 104px;
}

header {
	position: relative;
	display: block;
	background: url(/assets/images/header-left.png) no-repeat;
	height: 104px;
	padding-left: 30px;
}

	header div {
		background: url(/assets/images/header-right.png) right top no-repeat;
		height: 104px;
		padding-right: 30px;
	}

	header h1 {
	}

		header h1 a {
			display: block;
			font-weight: normal;
			margin-right: 60px;
			color: #000;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-size: 24px;
			padding-top: 35px;
			text-decoration: none;
		}

			header h1 a span {
				font-size: 12px;
				display: none;
			}

	header h2 {
		font-weight: normal;
		margin-right: 60px;
		color: #888;
		line-height: 20px;
		text-shadow: #EEE 0 1px 0;
		padding-top: 10px;
	}

		header h2 a {
			color: #666;
			text-decoration: underline;
			position: relative;
		}

			header h2 a:hover, header h2 a:active {
				color: #333;
				text-decoration: none;
			}

		header h2 a span {
			display: none;
			height: 80px;
			width: 212px;
			top: 30px;
			left: -30px;
			background: url(/assets/images/bg.title.png) no-repeat;
			position: absolute;
			padding: 20px;
			color: #FFF;
			text-decoration: none;
			text-shadow: #666 0 1px 0;
			line-height: 15px;
		}

			header h2 a:hover span {
				/*display: block;*/
			}

	header p {
		position: absolute;
		top: -5px;
		right: 0;
	}

nav {
	display: block;
	height: 40px;
	background: #ff0;
	padding-left: 20px;
	background: url(/assets/images/nav-left.png) no-repeat;
	font-weight: bold;
}

	nav ul {
		background: url(/assets/images/nav-right.png) right top no-repeat;
		height: 40px;
		padding-right: 30px;
		padding-top: 5px;
	}

		nav ul li {
			float: left;
		}

			nav ul li a {
				display: block;
				color: #666;
				height: 26px;
				line-height: 21px;
				padding-left: 10px;
				background: url(/assets/images/nav-li-left.png) no-repeat 0 30px;
				margin-right: 5px;
				text-decoration: none;
			}

				nav ul li a span {
					display: block;
					padding-top: 5px;
					height: 21px;
					line-height: 20px;
					padding-right: 10px;
					background: url(/assets/images/nav-li-right.png) no-repeat 0 30px;
					text-shadow: #FFF 0 1px 0;
				}

					nav ul li a:hover, nav ul li a:focus {
						background-position: 0 0;
					}

					nav ul li a:hover span, nav ul li a:focus span {
						background-position: right 0px;
						text-shadow: #DDD 0 1px 0;
						zoom: 1;
					}

					nav ul li a:active {
						background-position: 0 -30px;
					}

					nav ul li a:active span {
						background-position: right -30px;
						text-shadow: #EEE 0 1px 0;
					}

					#home #li-home a, #login #li-login a, #month #li-month a {
						background-position: 0 -60px;
						color: #FFF;
						text-shadow: #666 0 1px 2px;
						cursor: default;
					}
					#home #li-home a span, #login #li-login a span, #month #li-month a span {
						background-position: right -60px;
						color: #FFF;
						text-shadow: #666 0 1px 2px;
					}

					.ie nav ul li a:hover, .ie nav ul li a:focus, .ie nav ul li a:hover span, .ie nav ul li a:focus span {
						background: none;
					}
#content {
	background: url(/assets/images/content-left.png) repeat-y left top;
	display: block;
	padding-left: 30px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

	#content #wrapper {
		background: url(/assets/images/content-right.png) repeat-y right top;
		padding-right: 30px;
		padding-top: 15px;
		padding-bottom: 1em;
	}

	#content h2 {
		font-size: 16px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: normal;
	}

	#content h3 {
		font-size: 14px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: normal;
	}

	#content ul {
		margin-left: 2em;
		display: list-item;
		list-style: disc;
	}

	#content p {
		margin: .75em 0;
	}

	#content a {
		text-decoration: underline;
		color: #666;
	}

		#content a:hover, #content a:focus {
			color: #333;
		}

		#content code {
			white-space: normal;
			background: #E0E0E0;
			display: block;
			padding: 5px;
			border: 1px solid #666;
		}

footer {
	background: url(/assets/images/footer-left.png) no-repeat left top;
	height: 44px;
	display: block;
	padding-left: 30px;
}

	footer p {
		background: url(/assets/images/footer-right.png) no-repeat right top;
		text-align: center;
		line-height: 30px;
		color: #888;
		font-weight: bold;
		font-size: 9px;
		height: 44px;
		text-shadow: #DDD 0 1px 0;
		text-transform: uppercase;
		padding-right: 30px;
	}

		footer p a {
			color: #888;
			text-decoration: underline;
		}

			footer p a:hover {
				text-decoration: none;
			}

			footer p a.wibros_de {
				background: url(/assets/images/slovig.de.png) right center no-repeat;
				padding: 5px 55px 5px 0;
			}

/* -----------------------------------*/
/* ------------>>> IDS <<<------------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------------>>> TAGS <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------------>>> ERROR <<<----------*/
/* -----------------------------------*/
#error, .error {}

	#error h2, .error h2 {
		color: #CF0000;
	}

	#error p, .error p {
		margin-top: .5em;
		border: 1px solid #CF0000;
		padding: 5px;
		background: #FCC;
		text-shadow: #FEE 0 1px 0;
	}

/* -----------------------------------*/
/* ------------>>> FORMS <<<----------*/
/* -----------------------------------*/



form {
	position: relative;
}
legend {}

legend strong {
	position: absolute;
	right: -20px;
	background: url(/assets/images/bg.legend.png) no-repeat left top;
	padding: 0 10px 0 20px;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	color: #AAA;
	text-shadow: #BBB 0 1px 0;
}
label.label, span.label {
	display: block;
	float: left;
	width: 140px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
}

label span {
	font-weight: normal;
	display: block;
	font-size: 9px;
}
input[type="text"], input[type="password"] {
	font-size: 11px;
	padding: 2px 4px;
	border: 1px solid #AAA;
	width: 200px;
}
select {
	font-size: 11px;
	padding: 2px 4px;
	border: 1px solid #AAA;
	width: 210px;
	color: #000;
}



.ajax-form input[type="text"], .ajax-form select, .ajax-form textarea {
	padding: 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.ajax-form label {
	padding: 10px 5px 0px 0;
	display: inline-block;
}
  
  .ajax-form input[type="submit"] {
	padding: 5px;
	border: 1px solid rgb(197, 197, 197);
	cursor: pointer;
	background: rgb(199,199,199);
background: linear-gradient(0deg, rgba(199,199,199,1) 0%, rgba(255,255,255,1) 100%);
}
/* -----------------------------------*/
/* ------------>>> IDS <<<------------*/
/* -----------------------------------*/
#report {
	width: 900px;
	border: 1px solid #CCC;
	text-shadow: none;
	color: #000;
	background: #FFF;
	margin-top: 10px;
}

	#report pre {
		margin: 5px;
		padding: 5px;
		font-family: monospace;
	}

select#year {
	width: 80px;
	margin-right: 10px;
}


/* -----------------------------------*/
/* ---------->>> CLASSES <<<----------*/
/* -----------------------------------*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.punched-in, .punched-out, .not-punched-in {
	clear: both;
	color: #333;
}

.punched-in {
	border: 1px solid rgba(0, 136, 0, 0.6);
	background: rgba(0, 136, 0, 0.4);
}

	.punched-in .floatLeft, .not-punched-in .floatLeft, .punched-out p {
		padding-left: 20px;
		font-size: 16px;
		line-height: 14px;
	}

.not-punched-in {
	border: 1px solid rgba(136, 0, 0, 0.6);
	background: rgba(136, 0, 0, 0.4);
}

.punched-out {
	border: 1px solid rgba(246, 233, 83, 1);
	background: rgba(246, 233, 83, 0.4);
	margin-bottom: 10px;
}

.punched-in .button, .not-punched-in .button {
	text-align: right;
	padding-right: 20px;
}

.punchclock_week {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #CCC;
}

	.punchclock_week th {
		background: #CCC;
		height: 22px;
		line-height: 22px;
	}

	.punchclock_week td {
		height: 22px;
		line-height: 22px;
	}

	.punchclock_week .odd {
		background: #DDD;
	}
	.punchclock_week .even {
		background: #FFF;
	}

	.punchclock_week td {
		padding-left: 5px;
		border: 1px solid #CCC;
	}

.center {
	padding-left: 0;
	text-align: center;
}

/* -----------------------------------*/
/* ----------->>> BUTTON <<<----------*/
/* -----------------------------------*/

/* http://stopdesign.com/eg/buttons/3.0/code.html */
.btn {
	display: inline-block;
	background: none;
	margin: 0;
	padding: 3px 0;
	border-width: 0;
	overflow: visible;
	font: 100%/1.2 Arial,Sans-serif;
	text-decoration: none;
	color: #333;
}
* html button.btn {
	padding-bottom: 1px;
}
/* Immediately below is a temporary hack to serve the
	following margin values only to Gecko browsers
	Gecko browsers add an extra 3px of left/right
	padding to button elements which can't be overriden.
	Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
	margin: 0 -3px;
}
	.btn span {
		background: #ddd url(/assets/images/bg.button.gif) repeat-x 0 0;
		margin: 0;
		padding: 3px 0;
		border-left: 1px solid #bbb;
		border-right: 1px solid #aaa;
	}
	* html .btn span {
		padding-top: 0;
	}
	.btn span span {
		position: relative;
		padding: 3px .4em;
		border-width: 0 !important; 
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #aaa;
	}
	.btn-new{
		
	}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button {}

	button.pill-l span {
		border-right-width: 0;
	}
	button.pill-l span span {
		border-right: 1px solid #bbb;
	}
	button.pill-c span {
		border-right-style: none;
		border-left-color: #fff;
	}
	button.pill-c span span {
		border-right: 1px solid #bbb;
	}
	button.pill-r span {
		border-left-color: #fff;
	}

/* only needed if implementing separate hover/focus/active state for buttons */
	.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
		cursor: pointer; /* important for any clickable/pressable element */
		border-color: #9cf !important;
		color: #000;
	}
	.punched-in .btn:hover span, .punched-in .btn:hover span span, .punched-in .btn:focus span, .punched-in .btn:focus span span {
		border-color: #040  !important;
	}
	.not-punched-in .btn:hover span, .not-punched-in .btn:hover span span, .not-punched-in .btn:focus span, .not-punched-in .btn:focus span span {
		border-color: #400  !important;
	}
	.btn:active span {
		background-position: 0 -400px;
		outline: none;
	}
	.btn:focus, .btn:active {
		outline: none; /* doesn't seem to be respected for <button>, only <a> */
	}

/* use if one button should be the 'primary' button */
.primary {
	font-weight: bold;
	color: #000;
}

#form-login {
	float: left;
}
#ratings {
	font-size: 200%;
	line-height: 150%;
	background-color: rgba(0,0,0,.8);
	color: #FFF;
	text-shadow: none;
	border-radius: 10px;
	padding: 1em;
	float: right;
	width: 70%;
}

	#ratings ul {
		font-size: 90%;
		list-style: none;
		margin-left: 0;
		padding: none;
	}

		#ratings li span {
			font-size: 80%;
			display: block;
		}

	
.ui-timepicker-wrapper {
	width: 8em !important;
}
#submitbutton{
	margin: 10px 0px;
}

.echtzeit-select{
	width:45px;
}
#dataform-new textarea{
	width: 300px;
}