html {height:100%}


h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-large; font-weight: bold; color: #250070;
	letter-spacing: -1px; margin-top: 3pt;
}
h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: large; font-weight: bold; color: #200066;
}
h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: medium; font-weight: bold; color: #100050;
}
h4 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small; font-weight: bold; color: #107080;
}
h5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small; font-weight: bold; color: #603080;
}
h6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small; font-weight: normal; color: #404040;
}


p, div, span, label, a, li, dt, dd {
	font-family: "Verdana", Tahoma, Arial, serif;
	font-size: small; font-weight: normal;
}
button {
	font-family: Tahoma, Arial, serif;
	font-size: x-small; font-weight: normal;
}
input, textarea {
	font-family: "Verdana", Tahoma, Arial, serif;
	font-size: small; font-weight: normal;
}

legend {
	font-family: Tahoma, Arial, serif;
	font-size: small; font-weight: normal;
}
hr {
	color: lightgray; background: lightgray;
	height: 1px;
}
pre {
	font-family: "Verdana", Tahoma, Arial, serif;
	font-size: small; font-weight: normal;
}
body {
	font-family: "Verdana", Tahoma, Arial, serif;
	font-size: small; font-weight: normal;
	margin: 2px 5px; padding: 0;
}
code {
	font-family: "Lucida Console", "Courier New", Courier, mono;
	font-size: x-small;  font-weight: normal;
}
dfn {
	font-family: "Lucida Console", "Courier New", Courier, mono;
	font-size: x-small; font-style: normal;
}

th {
	font-family: Tahoma, Garamond, Century, Arial, serif;
	font-weight: bold; 
}

thead tr {
	font-family: Tahoma, Garamond, Century, Arial, serif;
	font-weight: bold;
}

dt {
	margin: 0.5em 0 0.3em 0;
	font-family: Tahoma, Garamond, Century, Arial, serif;
	font-weight: bold;
}
dd {
	margin: 0 0 0 0.8em;
}

img	{border: 0;}

h1 em	{color: #dd0000}

li	{margin-top: 2pt}
ul li	{list-style: url(/ingtakvim/zkau/web/img/bullet1.gif) disc}
ul ul li	{list-style: url(/ingtakvim/zkau/web/img/bullet2.gif) circle}
ul ul ul li	{list-style: url(/ingtakvim/zkau/web/img/bullet3.gif) square}


.link {cursor: pointer;}


div.embedded { 
	padding: 2px; border: 1px solid #aab;
}
div.modal, div.modal-none, div.overlapped, div.overlapped-none { 
	position: absolute;
	background: #E8E8D0;
	padding: 1px; margin: 1px;
}
div.modal, div.overlapped {
	border: 2px solid #77a; padding: 2px; margin: 0;
}
div.popup, div.popup-none { 
	position: absolute; background: white; padding: 1px; margin: 0;
}
div.popup {
	border: 1px solid black;
}


.caption input, .caption td {
	font-size: x-small;
}
.caption button {
	font-size: xx-small; font-weight: normal;
	padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;
}
.caption a, .caption a:visited {
	font-size: x-small; font-weight: normal; color: black; background: none;
	text-decoration: none;
}


.title td {
	font-size: x-small; font-weight: bold;
	padding-top: 2px; padding-bottom: 3px; margin-bottom: 2px;
	background: #669; color: white;
}
.title a, .title a:visited {
	color: white;
}
.caption a:hover, .title a:hover {
	text-decoration: underline;
}

div.modal_mask { 
	position: absolute; z-index: 20000;
	opacity: .4;
	background:transparent !important;
	background: #181818;
	background-image: url(/ingtakvim/zkau/web/zul/img/modal-mask.png) !important; 
	background-image: none; background-repeat: repeat;
	display: none;
}


div.hsep, div.hsep-bar {
	display: block; width: 100%; padding: 0; margin: 2pt 0; font-size: 0;
}
div.vsep, div.vsep-bar {
	display: inline; margin: 0 1pt; padding: 0;
}
div.hsep-bar {
	border-top: 1px solid #888;
}
div.vsep-bar {
	border-left: 1px solid #666; margin-left: 2pt;
}

td.vbox {
	margin: 0; padding-bottom: 0.4em;
}
td.hbox {
	margin: 0; padding-right: 0.6em;
}


.toolbar {
	padding: 1px; background: threedface; border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
}
.caption .toolbar, .caption .toolbarbutton {
	background: none; border: 0;
}

.toolbar a, .toolbar a:visited, .toolbar a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small; font-weight: normal; color: black;
	background: threedface; border: 1px solid threedface;
	text-decoration: none;
}
.toolbar a:hover {
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
}

.caption .toolbar a, .caption .toolbar a:visited, .caption .toolbar a:hover {
	background: none; border: 0; color: black;
}
.caption .toolbar a:hover {
	text-decoration: underline;
}
.title .toolbar a, .title .toolbar a:visited, .title .toolbar a:hover {
	background: none; border: 0; color: white;
}
.title a:hover {
	text-decoration: underline;
}


div.listbox, div.tree, div.grid, div.grid-no-striped { 
	background: threedface; border: 1px solid #7F9DB9;
}
div.tree-head, div.listbox-head, div.grid-head { 
	background: threedface; border: 0; overflow: hidden; width: 100%;
}
div.listbox-paging th, div.grid-paging th {
	background: threedface;
}
div.tree-head th, div.listbox-head th, div.grid-head th, div.listbox-paging th, div.grid-paging th {
	overflow: hidden; border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	white-space: nowrap; padding: 2px;
	font-size: small; font-weight: normal;
}
div.listbox-head th.sort, div.grid-head th.sort, div.listbox-paging th.sort, div.grid-paging th.sort {
	cursor: pointer; padding-right: 9px;
	background-image: url(/ingtakvim/zkau/web/zul/img/sort/hint.png);
	background-position: right;
	background-repeat: no-repeat;
}
div.listbox-head th.sort-asc, div.grid-head th.sort-asc, div.listbox-paging th.sort-asc, div.grid-paging th.sort-asc {
	cursor: pointer; padding-right: 9px;
	background-image: url(/ingtakvim/zkau/web/zul/img/sort/asc.png);
	background-position: right;
	background-repeat: no-repeat;
}
div.listbox-head th.sort-dsc, div.grid-head th.sort-dsc, div.listbox-paging th.sort-dsc, div.grid-paging th.sort-dsc {
	cursor: pointer; padding-right: 9px;
	background-image: url(/ingtakvim/zkau/web/zul/img/sort/dsc.png);
	background-position: right;
	background-repeat: no-repeat;
}

div.tree-body, div.listbox-body, div.grid-body, div.listbox-paging, div.grid-paging { 
	background: window; border: 0; overflow: auto; width: 100%;
}
div.listbox-paging, div.grid-paging {
	border-bottom: 1px solid #AAB;
}
div.tree-body td, div.listbox-body td, div.listbox-paging td {
	cursor: pointer; padding: 0 2px;
	font-size: small; font-weight: normal;
}

div.listbox-foot { 
	background: #E8EFEA; border-top: 1px solid #BBB;
}

tr.item, tr.item a, tr.item a:visited {
	font-size: small; font-weight: normal; color: black;
	text-decoration: none;
}
tr.item a:hover {
	text-decoration: underline;
}
tr.itemsel, tr.itemsel a, tr.itemsel a:visited {
	font-size: small; font-weight: normal;
	background: highlight; color: highlighttext;
	text-decoration: none;
}
tr.itemsel a:hover {
	text-decoration: underline;
}

td.gridev, td.gridod { 
	background: #FFF; border-bottom: none; border-left: 1px solid #FFF;
	border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px;
	font-size: small; font-weight: normal;
}
td.gridod { 
	background: #E8EFEA;
}


.tab, .tab a, a.tab {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small; font-weight: normal; color: #300030;
}
.tab a, .tab a:visited, a.tab, a.tab:visited {
	text-decoration: none;
}
.tab a:hover, a.tab:hover {
	text-decoration: underline;
}
.tabsel, .tabsel a, a.tabsel {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small; font-weight: bold; color: #500060;
}
.tabsel a, .tabsel a:visited, a.tabsel, a.tabsel:visited {
	text-decoration: none;
}
.tabsel a:hover, a.tabsel:hover {
	text-decoration: underline;
}

td.tabpanel-hr, div.tabpanel-ac, div.groupbox-3d { 
	border-left: 1px solid #5C6C7C; border-right: 1px solid #5C6C7C; 
	border-bottom: 1px solid #5C6C7C; padding: 5px;
}
td.tabpanels { 
	border-top: 1px solid #5C6C7C; border-right: 1px solid #5C6C7C; 
	border-bottom: 1px solid #5C6C7C; padding: 5px;
}


div.menubar, div.menupopup, div.ctxpopup {
	cursor: pointer; background: menu; padding: 1px;
}
div.menubar {
	border: 1px solid black;
}
div.menupopup, div.ctxpopup {
	display: block; position: absolute; z-index: 88000;
	border: 1px outset;
}
div.menubar td, div.menupopup td {
	white-space: nowrap;
}
div.menubar a, div.menubar a:visited, div.menubar a:hover, div.menupopup a, div.menupopup a:visited, div.menupopup a:hover {
	font-size: x-small; font-weight: normal;
	border: 1px solid menu; background: menu; color: menutext;
	text-decoration: none;
}
div.menubar a:hover {
	background: threedface;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
}
div.menupopup a:hover {
	background: highlight; color: highlighttext;
}
div.menupopup hr {
	border: 0; color: darkgray; background: darkgray;
}


span.combobox, span.datebox, span.bandbox {
	border: 0; padding: 0; margin: 0; white-space: nowrap;
}
div.comboboxpp, div.bandboxpp { 
	display: block; position: absolute; z-index: 80000; overflow: auto;
	background: white; border: 1px solid black; padding: 2px;
	font-size: x-small;
}
.comboboxpp td { 
	white-space: nowrap; font-size: x-small; cursor: pointer;
}
.comboboxpp td span { 
	color: #888; font-size: xx-small; padding-left: 6px;
}


div.errbox {
	margin: 0; padding: 1px; border: 1px outset; cursor: pointer;
	background: #E8E0D8; position: absolute; z-index: 70000;
}

div.progressmeter {
	border: 1px inset;
}

div.paging, div.paging a {
	font-size: x-small; color: #a30; font-weight: bold; background: window;
}
div.paging span {
	font-size: x-small; color: #555; font-weight: normal;
}
div.paging a, div.paging a:visited {
	color: #00a; font-weight: normal; text-decoration: underline;
}
div.paging a:hover {
	background: #DAE8FF;
}


div.dateboxpp { 
	display: block; position: absolute; z-index: 80000;
	background: white; border: 1px solid black; padding: 2px;
}

table.calendar {
	background: window; border: 1px solid #7F9DB9;
}
table.calyear {
	background: #eaf0f4; border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
}
table.calday {
	border: 1px solid #ddd;
}
.calyear td {
	font-size: small; font-weight: bold; text-align: center;
	white-space: nowrap;
}
.calmon td, tr.calday td, tr.calday td a, tr.calday td a:visited {
	font-size: x-small; color: #35254F; text-align: center;
	cursor: pointer; text-decoration: none;
}
.calday td {
	padding: 1px 3px;
}
.calday td a:hover {
	text-decoration: underline;
}
.calmon td.sel, tr.calday td.sel {
	background: #cddeee;
}
.caldmon td.dis, tr.calday td.dis {
	color: #888;
}
.caldow td {
	font-size: x-small; color: #333; font-weight: bold;
	padding: 1px 2px; background: #e8e8f0; text-align: center;
}

div.dateboxpp table.calyear {
	background: #d8e8f0;
}