html {margin:0;padding:0;height:100%}
body {
	margin:0; padding:0;
	height: 100%;
	font-size: 75%;
	color:#12221f;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
}

form {margin:0;padding:0}
a img {border: 0}
.clear {clear:both}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #86d1e5;
	margin: 0;
	padding:0;
	border:0;
}

#container {
	min-height:100%;
	height:auto !important;
	height:100%;
}

#containerinner {
	padding: 0 0 81px 0;
}

#header {
	background: url(../i/headerback.gif) repeat-x 0 0;
	height: 110px;
	position:relative;
	color:#fff;
}
#logo {float:left;}

#header .title {
	float: left;
	height: 40px;
	margin: 20px 0 0 20px;
	border-right: 2px solid #000;
	padding-right: 20px;
	font-size: 11px;
}

#header .title h1 {
	margin: 0 0 0 -1px; padding: 0; color:#86d1e5;
	font-size: 22px; font-weight:normal;
	line-height:22px;
}
#header .title span { line-height: 11px;}

#header .loginbox {
	float: right;
	height: 40px;
	margin: 28px 0 0 20px;
	padding-right: 20px;
	font-size: 11px;
	text-align: right;
}

#header .loginbox span { line-height: 11px;}

#header .loginbox input { 
	background-color: #3D5554;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	border: 0;
	color: #ffffff;
	font-size: 1em;
}

#header .date {
	float: left;
	color:#89918f;
	border-left: 1px solid #2a3936;
	font-size:11px;
	height: 20px;
	margin: 20px 0 0 0; padding: 10px 20px;
}

#header .report {
	float: left;
	border-left: 1px solid #2a3936;
	font-size:11px;
	height: 30px;
	margin: 20px 0 0 0; padding: 5px 20px;
	border-right:2px solid #000000;
}

#header .report span.free {	color:#BCDB37; }
#header .report span.closed {	color:#86D1E5; }

#header .logout {
	float:right;
	margin: 20px 20px 0 0;
	font-size:11px;
}

#header .logout a {
	background: url(../i/logoutbutton.gif) no-repeat 100% 50%;
	padding: 10px 30px 11px 0;
	display:block;
	color: #87cef6;	text-decoration:none
}
#header .logout a:hover { text-decoration:underline}

#header .login {
	float:right;
	margin: 20px 20px 0 0;
	font-size:11px;
}

#header .login a {
	background: url(../i/loginbutton.gif) no-repeat 100% 50%;
	padding: 10px 30px 11px 0;
	display:block;
	color: #87cef6;	text-decoration:none
}
#header .login a:hover { text-decoration:underline}

#mainmenu {
	position:absolute; left: 15px; top: 87px;
	color: #fff;
	font-weight:bold;
	font-size:11px;
}
#mainmenu a { color: #fff; text-decoration:none; padding: 0 5px;}
#mainmenu a:hover { text-decoration:underline}


#breadcrumb {
	background: url(../i/breadcrumbback.gif) repeat-x 0 0;
	height: 28px;
	padding: 8px 0 0 15px;
	color: #cdd0d0;
	font-size:11px;
}
#breadcrumb a {color:#87cef6; text-decoration:none}
#breadcrumb a:hover {text-decoration:underline}
#breadcrumb span {font-weight:bold;}

#content a {color:#87cef6; text-decoration:none}
#content a:hover {text-decoration:underline}

#content ul { margin: 0; padding: 0; list-style-type: none; }
#content li { 
	margin: 0; padding: 0 0 0 10px; 
	list-style-type: none;
}

tr { behavior: url(menu.htc); }

table.list { border-collapse: collapse; width: 100%;}
table.list thead tr td { 
	border: 1px solid #fff; 
	white-space: nowrap; 
	font-weight: bold; 
	margin: 0; padding: 5px;
	color: #fff;
	text-align:center;
	background: url(../i/tableheadergreen.gif) repeat-x 0 0 #c9e25f;
}
table.list thead tr td.gray, table.data thead tr td.gray { background: url(../i/tableheadergray.gif) repeat-x 0 0 #818181;
}
 
table.list tbody tr {  background-color: #f7f7f7; }
table.list tbody tr.hover, table.list tbody tr:hover { background-color: #e1e1e1 !important; }

table.list tbody td { 
	border: 1px solid #fff; 
	padding: 5px;
}

table.list tbody tr td.small { font-size:10px; padding: 0 5px; }

table.list tfoot tr td { padding: 5px; }

table.data { border-collapse: collapse; width:100%;}
table.data thead tr td {
	border: 1px solid #fff; 
	white-space: nowrap; 
	font-weight: bold; 
	margin: 0; padding: 10px;
	color: #fff;
	text-align:center;
	background: url(../i/tableheadergreen.gif) repeat-x 0 0 #c9e25f;
	font-size: 12px;
}
table.data tbody td { text-align: left; background-color: #f7f7f7; padding: 2px; margin: 0; border: 1px solid #fff; font-size: 12px; }
table.data tfoot tr td { padding: 10px; }
table.data td.prop { text-align: left; vertical-align: top; width: 150px; background-color: #e1e1e1; padding: 4px; font-size: 12px;}
table.data td.mainprop { text-align: left; vertical-align: top; width: 75px; background-color: #e1e1e1; padding: 4px; font-size: 12px;}
table.data td.subprop { text-align: left; vertical-align: top; width: 75px; background-color: #e1e1e1; padding: 4px; font-size: 12px;}
table.data .data { text-align: left; border: 1px solid #e0e0e0; padding: 2px; color:#aaa; font-size:11px;}


input {	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;}

input.button, input.view_button, input.test_button, input.send_button, input.save_button, input.refresh_button, input.email_back_button, input.search_button, input.delete_button  {
	border: 0; 
	font-size: 1em;
	padding: 5px 22px 5px 0;
	text-align:right;
	margin: 0 10px 0 0;
	cursor:pointer;
}

input.button { 
	color: #87cef6;
	background: url(../i/addbutton.gif) no-repeat 100% 50% transparent; 
}

input.view_button { 
	background: url(../i/view.gif) no-repeat 100% 50% transparent; 
	color: #87cef6;
}

input.test_button { 
	background: url(../i/test.gif) no-repeat 100% 50% transparent; 
	color: #ff7500;
}

input.send_button { 
	background: url(../i/send.gif) no-repeat 100% 50% transparent; 
	color: #ff0000;
}

input.save_button { 
	background: url(../i/save.gif) no-repeat 100% 50% transparent; 
	color: #37af09;
}

input.delete_button { 
	background: url(../i/delete.gif) no-repeat 100% 50% transparent; 
	color: #DA0000;
}

input.refresh_button { 
	background: url(../i/refresh.gif) no-repeat 100% 50% transparent; 
	color: #87cef6;
}

input.search_button { 
	background: url(../i/search.gif) no-repeat 100% 50% transparent; 
	color: #87cef6;
}


input.email_back_button { 
	background: url(../i/email_back.gif) no-repeat 100% 50% transparent; 
	color: #87cef6;
}

input.close {
	background: url(../i/delete.gif) no-repeat 100% 50% transparent; 
}

input.ok {
	background: url(../i/active.gif) no-repeat 100% 50% transparent; 
}

input.search { 
	font-size: 10px;
	font-weight: bold;
}

input.view {
	background: url(../i/view.gif) no-repeat 100% 50% transparent; 
	border: 0; padding: 0; margin: 0;
	width: 20px; height:20px;
	cursor:pointer;
}

input.copy {
	background: url(../i/copy.gif) no-repeat 100% 50% transparent; 
	border: 0; padding: 0; margin: 0;
	width: 20px; height:20px;
	cursor:pointer;
}

input.stop {
	background: url(../i/delete.gif) no-repeat 100% 50% transparent; 
	border: 0; padding: 0; margin: 0;
	width: 20px; height:20px;
	cursor:pointer;
}

input.edit, input.note, input.delete, input.active, input.inactive, input.exportcsv, input.up, input.down, input.up_not, input.down_not {
	background: url(../i/edit.gif) no-repeat 100% 50% transparent; 
	border: 0; padding: 0; margin: 0;
	width: 20px; height:20px;
	cursor:pointer;
}

input.note { background: url(../i/note.gif) no-repeat 100% 50% transparent; }
input.delete { background: url(../i/delete.gif) no-repeat 100% 50% transparent; }
input.active { background: url(../i/inactive.gif) no-repeat 100% 50% transparent; }
input.inactive { background: url(../i/active.gif) no-repeat 100% 50% transparent; }
input.exportcsv { background: url(../i/csv.gif) no-repeat 100% 50% transparent; }
input.up { background: url(../i/order_up.gif) no-repeat 100% 50% transparent; }
input.down { background: url(../i/order_down.gif) no-repeat 100% 50% transparent; }
input.up_not { background: url(../i/order_up_not.gif) no-repeat 100% 50% transparent; }
input.down_not { background: url(../i/order_down_not.gif) no-repeat 100% 50% transparent; }

.hits {
	color:#cdd0d0 !important;
	padding: 5px 0 !important;
	text-align:center;
	font-size: 0.9em !important;
	font-weight: normal !important;
}

.tabletop { 
	min-height:10px;
	height:auto !important;
	height:10px;
	background: url(../i/tableheader.gif) repeat-x 0 100% #fff !important;
}
.tablebottom {
	min-height:10px;
	height:auto !important;
	height:10px;
	background: url(../i/tablefooter.gif) repeat-x 0 0 #fff !important;
}

small {font-size:90%}


#footer {
	background: url(../i/footerback.gif) repeat-x 0 0;
	margin-top: -81px;
	height:41px;
	padding: 40px 10px 0 0;
	text-align:right;
	color:#fff;
	font-size:9px;
}

#footer img { vertical-align:middle; padding-left: 15px; }
#footer a { color:#87cef6; text-decoration:none; }

table.data thead tr td.activeTab {
	color: #fff;
	background: url(../i/tableheadergreen.gif) repeat-x 0 0 #c9e25f;
	cursor: default;
}
table.data thead tr td.inactiveTab {
	color: #000;
	background: url() #f7f7f7;
	cursor: pointer;
}

input.backward  {
	border: 0; 
	font-size: 1em;
	padding: 5px 22px 5px 0;
	text-align:right;
	margin: 0 10px 0 0;
	cursor:pointer;
	background: url(../i/backward.gif) no-repeat 0% 50% transparent; 
	color: #87cef6;
}

input.forward  {
	border: 0; 
	font-size: 1em;
	padding: 5px 22px 5px 0;
	text-align:right;
	margin: 0 10px 0 0;
	cursor:pointer;
	background: url(../i/forward.gif) no-repeat 100% 50% transparent; 
	color: #87cef6;
}

/* LAPOZÓ */
.pager {
	text-align: center;
	padding: 0px 10px 0px 10px;
	color: #DA0000;
}

.pager span {
	background: #EA7070; color:#fff; font-weight: bold;
	padding: 3px;
	margin: 0 2px;
}

.pager a {
	margin: 0 2px;
	padding: 5px 2px;
	color: #DA0000 !important;
}
.pager .arrow { margin: 0 20px; }
.pager span.arrow { background: none; color: #E1E1E1; font-weight: normal; }
.pager .summary { padding: 6px 0 0 0; font-size: 90%; }
.pager .limit { text-align: left; border: 1px solid #DA0000; padding: 1px 0; color:#DA0000; font-size:9px; height: 18px;}

/* ERRORBAR */
#errorbar_wrapper a, #errorbar_wrapper a:hover {
	text-decoration: none;
	color:#ffffff; /*#86d1e5;*/
}

#error_bar_content {
	padding: 30px 0 0 40px;
	width: 210px !important;
}


#errorbar_wrapper {
  position:fixed;
  right:0;
  top:0;
  overflow:hidden;
  height:100%;
  background:url(../i/errorbar_bg.png) repeat-y left;
  width: 40px;
 	padding: 0; 
 	color:#ffffff; /*#ff0000;*/
	font-size: 14px; 
	font-weight:normal;
}

#error_bar_toggle {
	padding: 0 0 0 20px;
}

/* CALENDAR */
.calendarTable {
	border-collapse: collapse;
	margin-bottom: 20px;
}

.calendarHeader { 
	white-space: nowrap; 
	font-weight: bold; 
	margin: 0; padding: 5px;
	color: #fff;
	text-align:center;
	background: url(../i/tableheadergray.gif) repeat-x 0 0 #818181;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}

.calendar { 
	text-align: center;
	vertical-align: middle;
	height: 40px;
	background-color: #d9d9d9;
}

.green {
	background-color: #c9e25f;
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.tip				{ color: #fff; width: 139px; z-index: 13000; }
.tip-title		{ font-weight: bold; font-size: 11px; margin: 0; color: #fff; padding: 8px 8px 4px; background: url(../i/tableheadergray.gif) top left; }
.tip-text		{ font-size: 11px; padding: 4px 8px 8px; background: url(../i/bubble.png) bottom right; }