* {
	margin:0;
	padding:0;
}


/** General Style Info **/
body {
	background: #fff;
	color: #000;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size: 13pt;
	margin: 0;
}

a {
	text-decoration: none;
}

div {
	border-radius: 10px;
}

#terminal {
	width: 1080px;
	height: 1920px;
	border: 1px solid #eee;
	padding: 0px;
	position: absolute;
	margin: 0 auto;
	background: url('/img/mooning.png') top left repeat;
	border-radius: 0;
	overflow: hidden;
}

#header {
	width: 100%;
	margin: 0 auto;
	height: 120px;
	border: 0px solid green;

	border-radius: 0;
}

.button {
	width: 200px;
	height: 100px;
	padding: 2px;
	text-align: center;
	display: block;
	/*border: 1px solid #c0c0c0;*/
	background: #A5A8FF;

	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
        border-right: 1px solid #2b2b2b;
        border-bottom: 1px solid #2b2b2b;
        position: relative;
}


.button a, .button a:visited {
	display: block;
	line-height: 100px;
    color: #333;
    font-size: 15pt;
    font-weight: bold;
    text-shadow: 1px 1px 1px white;
}

#buttonLeft {
	position: absolute;
	left:10px;
	top:10px;
	background: #BAFF75;
}

#buttonLeft a {
	font-weight: bold;
}

#logo {
	position: absolute;
	top: 10px;
	left: 230px;
	width: 615px;
	height: 110px;
	background: #fff;
	text-align: center;
}

#logo a { 
	display: block;
	margin-top: 15px;
}

#buttonRight {
	position: absolute;
	top:10px;
	left: 860px;
}

#buttonRight.button {
	background: #d90000;
}

#buttonRight a {
	color: #555;
	font-weight: bold;
	text-shadow: 1px 1px 1px #eee;
}

#flashMessage {
	/*position: absolute;*/
	/*top: 120px;*/
	height: 40px;
	width: 1010px;
	/*left: 220px;*/
	display: block;
	border: 1px solid #d90000;
	overflow: hidden;
	line-height: 40px;
	color: red;
	padding: 10px;
	margin-bottom: 10px;
}

#flashMessage .message {
	color: red;
	text-align: center;
}

#employee {
	display: block;
	position: absolute;
	left: 10px;
	top: 130px;
	text-align: center;
	width: 1055px;
	padding: 10px 0 10px 0;
	border: 0px solid #eee;
	background: #d0d0d0;
}


#employee .mytoday {
	display: block;
	float: left;
	padding: 5px;
	border: 0px solid #00c000;
	width: 780px;
	text-align: left;
}


#employee .myinfo {
	float: right;
	border: 0px solid green;
	width: 230px;
	display: block;
	text-align: right;
	padding: 5px;
	padding-right: 10px;
}


#content {
	position: absolute;
	width: 1010px;
	height: 1700px;
	border: 0px solid #eee;
	top: 190px;
	left: 10px;
	padding: 10px;
}

#login, #login_rfid, #lockpanel, #help {
	margin: 0 auto;
	padding: 30px;
	width: 945px;
	border: 1px solid #eee;
	margin-top: 0px;
	display: block;
	overflow: hidden;
	text-align: center;
	background: #c0c0c0;
}

#login label {
	display: block;
	width: 360px;
	font-size: 14pt;
	float: left;
	text-align: left;
	height: 45px;
	line-height: 45px;
}

#login input[type=text], #login input[type=password] {
	width: 250px;
	font-size: 14pt;
	padding: 10px;
}


#login input[type=submit] {
	display: block;
	float: right;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	font-size: 15pt;
}


#content .button {
	width: 470px;
	height: 80px;
	float: left;
	margin-left: 10px;
	margin-right: 18px;
	margin-bottom: 10px;
	/*background: #bbb;*/
}

#content .button a {
	line-height: 80px;
	border: 0px solid red;
	height: 100%;
}

#content .selected {
	background: #00C000;
	color: white;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
        border-left: 1px solid #2b2b2b;
        border-top: 1px solid #2b2b2b;

}


#maintenance {
	position: absolute;
	top: 1670px;
	left: 10px;
}

#maintenance .button {
	width: 210px;
	background: #d90000;
	height: 50px;
	color: white;
}

#maintenance .button a {
	color: white;
	text-shadow: none;
	line-height: 50px;
}

#admin-menu {
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

#admin-menu .button {
	width: 200px;
	background: #eee;
	height: 50px;
}

#admin-menu .button a {
	line-height: 50px;
}



.offer-wrap {
	display: block;
	overflow: hidden;
	border: 0px solid red;
	height: 100%;
	display: relative;
}

.offer-name {
	text-align: left;
	padding-left: 20px;
	border: 0px solid red;
	width: 95%;
	float: left;
	line-height: 23px;
	margin-top: 10px;
}

.offer-price {
	float: left;
	border: 0px solid red;
	font-size: 20pt;
	display: block;
	line-height: 100px;
	text-align: right;
	width: 22%;
}

.button .extrapay
{
	position: absolute;
	top: 25px;
	right: -19px;
	background: #ff8000;
	width: 35px;
	height: 35px;
	border-radius: 20px;
	border: 1px solid white;
	color: black;
	text-align: center;
	font-weight: bold;
	line-height: 37px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
    border-right: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
}


#form {
	margin: 0 auto;
	padding: 30px;
	width: 96	0px;
	border: 1px solid #eee;
	margin-top: 10px;
	display: block;
	overflow: hidden;
	text-align: center;
	background: #c0c0c0;
}

#form .input {
	margin-bottom: 15px;
	border: 0px solid red;
	overflow: hidden;
}

#form label {
	display: block;
	width: 360px;
	height: 40px;
	font-size: 14pt;
	line-height: 30pt;
	text-align: left;
	border: 0px solid blue;
	float: left;
}

#form input[type=text], 
#form input[type=password], 
#form select, 
#form input[type=time],
#form input[type=email],
#form input[type=file],
#form input[type=number] {
	width: 550px;
	font-size: 14pt;
	padding: 10px;
	float: left;
}

#form input[type=submit] {
	display: block;
	float: right;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	font-size: 15pt;
}


#form input[type=checkbox] {
	width: 30px;
	height: 30px;
	font-size: 14pt;
	padding: 10px;
	float: left;
}


.fulldays, .logindays {
	width: 1010px;
	overflow: hidden;
	display: block;
	margin-top: 20px;
	background: #c0c0c0;
	border: 1px solid white;
	padding: 10px;
}

.logindays {
	text-align: left;
	border:0;
	margin-bottom: 20px;
	padding: 20px;
	line-height: 30px;
	font-size: 15pt;
	border: 1px solid #888;
	width: 910px;
}

#content h2 {
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 22pt;
	color: white;
	text-transform: uppercase;
	border-bottom: 1px solid #c0c0c0;
	text-shadow: 1px 1px 2px #555;
	overflow: hidden;
}

#content table {
	border: 1px solid silver;
}


caption {
	text-align: left;
	font-size: 17pt;
	font-weight: bold;
}

#content th {
	background: #ccc;
	padding: 5px;
	text-align: left;
}

#content td {
	padding: 5px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #aaa;
}

#content button {
	display: block;
	float: right;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	font-size: 12pt;
	margin-left: 10px;
}

.non-selectable {
	background: #ddd;
}

#search {
	display: block;
	/*background: #e0e0e0;*/
	padding: 10px;
	padding: 5px;
}

#search label {
	display: block;
	width: 100px;
	float: left;
	line-height: 35px;
}

#search input[type=text] {
	width: 250px;
	padding: 5px;
	font-size: 14pt;
	float: left;
}


#search input[type=submit] {
	display: block;
	float: left;
	padding: 5px !important;
	text-align: center;
	padding: 20px;
	font-size: 15pt;
}


#lockpanel {
	margin-top: 30px;
}

#lockpanel .selected {
	background: #eee;
	color: black;
}

.margin-top-20 {
	margin-top: 20px !important;
}

#employee button {
	padding: 10px;
}

input[readonly=readonly] {
	background: #ccc;
}

#help {
	margin-top: 50px;
	text-align: left;
	background: #8ED090 url('/img/otaznik1.png') top right no-repeat;
	background-position: 930px 10px;
	position: absolute;
	top: 1420px;
/*	left: 135px; */
}

#help li {
	margin-left: 20px;
}

#help h3 {
	margin-bottom: 10px;
}