* {margin: 0; padding: 0;}
html, body {height: 100%; color: #aaa;}
html {background: #000 url(../images/pattern.jpg) center center repeat; font: 12px arial;}

#top_space {padding-top: 35px;}
#keret {background: #000 url(../images/logo.jpg) 30px 30px no-repeat; width: 887px; padding-left: 113px; margin: 0px auto; border: 1px solid #444;}
#content {position: relative;  background: #202020; padding: 30px 10px;  }
#content #stamp {position: absolute; width: 201px; height: 107px; top: -26px; left: 320px; background: url(../images/masculin_stamps_new_open.png) no-repeat; }
* html #content #stamp {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/order/images/masculin_stamps_new_open.png", sizingMethod="scale"); }

#content #stamp_en {position: absolute; width: 201px; height: 107px; top: -26px; left: 320px; background: url(../images/masculin_stamps_new_open_en.png) no-repeat; }
* html #content #stamp_en {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/order/images/masculin_stamps_new_open_en.png", sizingMethod="scale"); }


a {color: #999;}
a.button {font: bolder 11px arial; line-height: 20px; color: #999; background: #404040; padding: 3px 10px; text-decoration: none;}
a.button:hover {background: #505050;}

#navbar {clear: both; overflow: hidden; }

	#navbar ul {list-style none; float: right; overflow: hidden; height: 32px; width: 100%;}
	#navbar ul li {display: block; float: right;}
	#navbar ul li a {display: block; height: 32px; background: url(../images/texts_menu.gif) no-repeat; text-decoration: none;}
	#navbar li a#m1 {width: 53px; background-position: 0 0;}
	#navbar ul li a#m2 {width: 57px; background-position: -53px 0;}
	#navbar ul li a#m3 {width: 106px; background-position: -110px 0; }
	#navbar ul li a#m4 {width: 53px; background-position: -216px 0; }
	.fright {float: right !important;}
	.fleft {float: left !important;}
	.small {font-size: smaller;}
	
	#navbar ul.en li a {display: block; height: 32px; background: url(../images/texts_menu_en.gif) no-repeat !important; text-decoration: none;}
	#navbar ul.en li a#m1 {width: 63px !important; background-position: 0 0 !important;}
	#navbar ul.en li a#m2 {width: 68px !important; background-position: -63px 0 !important;}
	#navbar ul.en li a#m3 {width: 103px !important; background-position: -131px 0 !important; }
	#navbar ul.en li a#m4 {width: 37px !important; background-position: -234px 0 !important; } 
	

p.logname {font: normal 11px verdana; color: #fff; text-align: right; padding: 0 10px 10px 10px;}
*html p.logname {height:20px;} 
p.logname span {text-transform: uppercase; font-weight: bold;}
input { 
	background: #202020; 
	font: normal 8pt arial; 
	color: #fff; 
	height: 18px; 
	line-height: 20px; 
	border: 1px solid #434343;
}

form.login {}
form.login input {margin: 6px 6px 6px 0; width: 101px;  padding: 0 2px;  }

.hidden {display: none !important;}


#listaz {padding: 10px; background: #303030; border: 1px solid #404040; *height: 1%;}
#listaz h1 {font: bold 12px arial;padding-bottom: 10px;}
/* #listaz table {width: 100%; text-align: center; font: normal 11px arial; margin: 10px 0;}*/
#listaz table .category {text-align: left;}
#listaz span {display: block; color: #eee; text-align: right;}
#listaz span a {font: bolder 11px arial; color: #fff; background: #505050; padding: 3px 10px; text-decoration: none;}
#listaz span a:hover {background: #606060;}


#listaz h2 {font: bold 12px arial;}
#listaz table {font: normal 10px arial; margin: 10px 0;}
#listaz table td {padding: 0px 10px;}

#filter {width: 100%;}
#filter select {font-family: arial; color: #999; background: #202020; margin: 20px 0;}
	.long {width: 300px;}
	.medium {width: 250px;}
	.short {width: 160px;}
	.week {color: #fff; font-weight: bolder; text-align: right; }
	.week a {display: inline !important;  border: 0 !important; color: #999; text-decoration: none; padding: 0 5px;}
	.week a:hover {text-decoration: underline;}







/* CATEGORY */

table#category {border: 0; }
table#category a {
display: block; 
padding: 3px 10px;
text-align: center; 
color: #fff; 
text-decoration: none;
border: 1px solid #000;
}

.sarga {background: #D19D01 url(../images/dot.gif) repeat; color:#fff;}
.zold {background: #3F5921 url(../images/dot.gif) repeat; color:#fff;}
.szurke {background: #948F8F url(../images/dot.gif) repeat; color:#fff;}
.narancs {background: #E65700 url(../images/dot.gif) repeat; color:#fff;}
.kek {background: #007ED5 url(../images/dot.gif) repeat; color:#fff;}
.lila {background: #D90080 url(../images/dot.gif) repeat; color:#fff;}
.piros {background: #f00000 url(../images/dot.gif) repeat; color:#fff;}


.beteg a {background: #311 !important; color: #fff !important;}
.szabi a {background: #131 !important; color: #fff !important; }

table#category a#kozmetika {background: #D19D01;}
table#category a#masszazs {background: #3F5921;}
table#category a#manikur {background: #948F8F;}
table#category a#hypoxi {background: #E65700;}
table#category a#dermalife {background: #007ED5;}
table#category a#smink {background: #D90080;}
table#category a#akcio {background: #f00; text-decoration: underline;}

table#category a#kozmetika:hover,
table#category a#masszazs:hover,
table#category a#manikur:hover, 
table#category a#hypoxi:hover,
table#category a#dermalife:hover,
table#category a#smink:hover,
table#category a#akcio:hover {text-decoration: underline;}

table#category a#kozmetika-aktiv {background: #D19D01; border: 1px solid #D19D01; font-weight: bold;}
table#category a#masszazs-aktiv {background: #3F5921; border: 1px solid #3F5921; font-weight: bold; }
table#category a#manikur-aktiv {background: #948F8F; border: 1px solid #948F8F; font-weight: bold;}
table#category a#hypoxi-aktiv {background: #E65700; border: 1px solid #E65700; font-weight: bold;}
table#category a#dermalife-aktiv {background: #007ED5; border: 1px solid #007ED5; font-weight: bold;}
table#category a#smink-aktiv {background: #D90080; border: 1px solid #D90080; font-weight: bold;}
table#category a#akcio-aktiv {background: #f00; border: 1px solid #f00; font-weight: bold;}



/* DIARY */

table#diary {border-right: 1px solid #777; text-align: center;}
table#diary th {background: #505050; font-weight: normal; color: #bbb; padding: 2px 0; width: 109px;  border-left: 1px solid #999; border-bottom: 1px solid #777; border-top: 1px solid #777;}
table#diary td {border-left: 1px solid #999; border-bottom: 1px solid #777; font-size: 11px;}
table#diary a {display: block; width: 110px; padding: 1px 0;  color: #5a5a5a; text-decoration: none; font-size: smaller; }
table#diary a:hover {text-decoration: none; color: #fff;}
table#diary th.date {background: none; font-size: smaller; color: #fff;}
table#diary td.time {background: #505050;}

table#diary tr.beosztas td {background: #202020; font-size: smaller; background: #303030; color: #777;}
table#diary td.foglalt {background: url(../images/foglalt.gif) repeat; width: 110px; }
table#diary td.zarva {background: #000 !important;}

table.kozmetika {border-top: 5px solid #D19D01;}
table.kozmetika a {background: #5a5a5a;}
table.kozmetika a:hover {background: #4a4a4a; color: #fff;}
table.kozmetika td.aktiv a {background: #D19D01; color: #fff !important; }
table.kozmetika td.aktiv a:hover {color: #E9CC74 !important;}
table.kozmetika td.keveshely {background: #D19D01 url(../images/keveshely.gif) repeat;}

table.masszazs {border-top: 5px solid #3F5921 !important;}
table.masszazs a {background: #5a5a5a;}
table.masszazs a:hover {background: #4a4a4a; color: #fff;}
table.masszazs td.aktiv a {background: #3F5921; color: #fff !important;}
table.masszazs td.aktiv a:hover {color: #80996F !important;}
table.masszazs td.keveshely {background: #3F5921 url(../images/keveshely.gif) repeat;}

table.manikur {border-top: 5px solid #948F8F;}
table.manikur a {background: #5a5a5a;}
table.manikur a:hover {background: #4a4a4a; color: #fff;}
table.manikur td.aktiv a {background: #948F8F; color: #fff !important;}
table.manikur td.aktiv a:hover {color: #bbb !important;}
table.manikur td.keveshely {background: #948F8F url(../images/keveshely.gif) repeat;}


table.hypoxi {border-top: 5px solid #E65700;}
table.hypoxi a {background: #5a5a5a;}
table.hypoxi a:hover {background: #4a4a4a; color: #fff;}
table.hypoxi td.aktiv a {background: #E65700; color: #fff !important;}
table.hypoxi td.aktiv a:hover {color: #E89075 !important;}
table.hypoxi td.keveshely {background: #E65700 url(../images/keveshely.gif) repeat;}

table.dermalife {border-top: 5px solid #007ED5;}
table.dermalife a {background: #5a5a5a;}
table.dermalife a:hover {background: #4a4a4a; color: #fff;}
table.dermalife td.aktiv a {background: #007ED5; color: #fff !important;}
table.dermalife td.aktiv a:hover {color: #8FBCF2 !important;}
table.dermalife td.keveshely {background: #007ED5 url(../images/keveshely.gif) repeat;}

table.smink {border-top: 5px solid #D90080;}
table.smink a {background: #5a5a5a;}
table.smink a:hover {background: #4a4a4a; color: #fff;}
table.smink td.aktiv a {background: #D90080; color: #fff !important;}
table.smink td.aktiv a:hover {color: #FF8BD0 !important;}
table.smink td.keveshely {background: #D90080 url(../images/keveshely.gif) repeat;}


table.akcio {border-top: 5px solid #f00;}
table.akcio a {background: #5a5a5a;}
table.akcio a:hover {background: #4a4a4a; color: #fff;}
table.akcio td.aktiv a {background: #f00; color: #fff !important;}
table.akcio td.aktiv a:hover {background: #f00; color: #f88 !important;}
table.akcio td.keveshely {background: #f00 url(../images/keveshely.gif) repeat;}


	

/*Regisztráció és adatok módosítása*/

#reg-table {width: 100%; margin: 10px 0;}
#reg-table td {padding: 2px;}