/*
Store.Mozilla.org
Designed By: Mike Bommarito
CSS HOME
*/


/*Main Area*/
*{
font-smooth:always;
font-size:14px;
}
tr.r1{
	background:#dedede;
}
body{width:100%;margin:0 auto;background:#fff url('../images/bg.jpg') top repeat-x;font-size:11px;font-family:Tahoma, Arial;font-size:11px;}
img{border:0;}
#container{width:100%; margin:0 auto;text-align:left; position:relative;}
/*Header*/

fieldset{ border: solid 1px #000; }

h1{
text-align:center;
font-size:20px;
}

a{
	color:#000;
}



#header
{
	width:100%;
	background:#FFF url('../images/header2.jpg') top repeat-x;
	padding:0;
	height:110px;
	position:relative;
	font-size:10px;
	margin:0 auto;
}

#header ul
{
	width:auto;
	position:absolute;
	bottom:1px;
	right:0;
	margin:0;
	padding:0 1px 25px 0;
	list-style:none;
	font-size:10px;
}
#header li
{
	float:right;
	background:transparent url("../images/tab-right.gif") top right no-repeat;
	padding:0 5px 0 0;
	margin-right:1px;
}
#header ul a
{
	float:left;
	display:block;
	padding:4px 4px 4px 10px;
	background:transparent url("../images/tab-left.gif") top left no-repeat;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	font-size:14px;

}

#header ul li:hover a{color:#F6A51C;}
#header ul li:hover{}
/*STORE ON*/
    #header li.tabon
{
	float:right;
	background:transparent url("../images/seltab-right.gif") top right no-repeat;
	padding:0 4px 0 0;
	margin:0 0 0 0px;
	border-bottom:0;
	font-size:10px;
}
#header ul li.tabon a
{
	float:left;
	display:block;
	padding:4px 4px 4px 10px;
	background:transparent url("../images/seltab-left.gif") top left no-repeat;
	font-weight:bold;
	color:#003399;
	text-decoration:none;
	font-size:14px;
}
#header  a:hover{color:#F6A51C;}
/*END STORE ON*/

.note{font-size:16px; text-align:center; font-weight:bold;}
#toptiernav{color:#3E485C;width:100%;float:right; height:22px; background:#fff;}
#toptiernav ul
{
position:relative;
font-size:10px;
list-style:none;
bottom:30px;
}

#toptiernav li
{
float:right;
margin:0 8px 0 0;
line-height:22px;
vertical-align:middle;
}


#toptiernav a{color:#000;}
#toptiernav a:hover{text-decoration:none;}


/* Home contentMan */


#contentContainer
{
 width:100%;
 float:center;
 margin:0;
}
#contentMan a:hover
{
 text-decoration:none;
 white-space:nowrap;
}
#contentMan
{
 width:98%;
 padding-left:5px;
 padding-top:10px;
 padding-bottom:10px;
}

#footercontainer
{
    width:100%;
	clear:both;
	margin:0;
	height:139px;
	background:url("../images/botfade.jpg") repeat-x bottom;
	color:#999;
	font-size:11px;

}
#footer{text-align:center; border-top:1px solid #CCCCCC;}
#footer .footnote{width:475px;margin:0 auto;}
#footer a
{
 color:#999;
}
#footer a:hover
{
 text-decoration:none;
}

form.cmxform {
	width: 98%;
	color: #333;
}

textarea{
width:85%;
height:50px;
}
form.cmxform input{
	width:85%;
	padding: 5px;
}

form.cmxform select{
	width:400px;
	padding: 5px;
}

ul.selectMultiCheckbox li input, input[type='checkbox'] {
	width: 50px !important;
}

input[type='file'] {
	width: 300px !important;
}
form.cmxform td.onlythis{
	padding:5px;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	/* border-top:1px solid #dddddd; */
	border-bottom:1px solid #dddddd;
}
form.cmxform fieldset {

}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset tr {

}



form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;

}
div.error { display: none; }
input,textarea,select { border: 1px solid #ddd; }
input:focus, textarea:focus, select:focus { background-color: #f1ede2; }
input.error { background-color: #fec2ff; }
form.cmxform .gray * { color: gray; }

.cbox {
width:15px;
background:transparent;
border:0
}
.ico {
width:16px;
height:16px;
border:0px;
}

			#paginator {
				text-align: center;
				margin: 0 auto;
				overflow: hidden;
				}
				#paginator td {
					padding: 2px;
					text-align:center;
					font-weight:bold;
				}
					#paginator td a {
						border:1px solid gray;
						display: block;
						padding: 3px 2px;
						text-align: center;
						text-decoration: none;
						color: #000;
						width: 22px;
						}
						#paginator td.current a{
							background-color: silver;
						}


a.hackedimage{
	text-decoration:none;
}
a.hackedimage img{
	height:32px;
	border:1px solid #ddd;
}

form.cmxform input.submit{
	width:100px;
	border:2px solid #ccc;
	background:#000;
	color:#fff;
	/* height:24px; */
}
a.kartespoga{
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
	background: url(../jscripts/css/images/map.png) no-repeat center left;
}

a.telefonuspoga{
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
	background: url(../jscripts/css/images/phone.png) no-repeat center left;
}

div.longdatediv{
	width:100%;
	display:block;
	font-size:13px;
	height:20px;
	line-height:13px;
	font-weight:bold;

	text-align:center;
}


.selectMultiCheckbox {
	list-style: none;
}
.selectMultiCheckbox li {
	border-bottom: 1px solid #ddd;
	padding: 7px;
}
.selectMultiCheckbox li:hover {
	background-color: #ddd;
}

.selectMultiCheckbox label {
	position: absolute;
  padding-left: 15px;
}

td.label{width: 15%;}
td.field{width: 70%;}
.fleft {
	float: left;
}
.photo-container {
	margin-right: 50px;
}

ul.checkboxRestorans li {
  border: 1px transparent solid;
  display:inline-block;
  width: 220px;
  padding: 5px;
  cursor: pointer;
}
ul.checkboxRestorans li label,input {
  cursor: pointer;
}

ul.checkboxRestorans li:hover,
ul.checkboxRestorans li.focus  {
  background-color: lightyellow;
  border: 1px gray solid;
  /* width: 300px; */
}



.red {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}
.blue {
	color: #003399;
	font-weight: bold;
	text-align: center;
}

ul.checkboxRestorans li.green {
  border: 1px solid green;
  background-color: green;
  color: #fff;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  /* background-color: #330000; */
  color: #cccccc;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

#working, #available{
	float: left;
	/* margin-right: 5px; */
	text-align: center;
}
#working:after, #available:after {
	content: "|";
	margin: 3px;
}

#working input, #available input {
	width: 60px;
}

ul.checkboxRestorans li.disabled {
	background: repeating-linear-gradient(
    -55deg,
    #ccc,
    #ccc 3px,
    #eee 3px,
    #eee 12px
	)
}
