@charset "utf-8";
/* Table sort */
	.box.table.v .content table.sortable thead tr th.sortable,
	.box.table.v .content table.sortable thead tr th.sortable-date,
	.box.table.v .content table.sortable thead tr th.sortable-date-dmy,
	.box.table.v .content table.sortable thead tr th.sortable-numeric,
	.box.table.v .content table.sortable thead tr th.sortable-currency,
	.box.table.v .content table.sortable thead tr th.sortable-text {
		padding-left: 22px;
		background: url(/layout/global/img/app/icon_tablesort_arrows.png) no-repeat 10px 50%;
		} .box.table.v .content table.sortable thead tr th.sortable-keep {
			padding-left: 0;
			background-image: none;
			}
		.box.table.v .content table.sortable thead tr th.sortable a,
		.box.table.v .content table.sortable thead tr th.sortable-date a,
		.box.table.v .content table.sortable thead tr th.sortable-date-dmy a,
		.box.table.v .content table.sortable thead tr th.sortable-numeric a,
		.box.table.v .content table.sortable thead tr th.sortable-currency a,
		.box.table.v .content table.sortable thead tr th.sortable-text a { text-decoration: none; }
		.box.table.v .content table.sortable thead tr th span { display: none; }
	.box.table.v .content table.sortable thead tr th.forwardSort { background: url(/layout/global/img/app/icon_tablesort_arrows.png) no-repeat -990px 50%; }
	.box.table.v .content table.sortable thead tr th.reverseSort { background: url(/layout/global/img/app/icon_tablesort_arrows.png) no-repeat -1990px 50%; }
	.box.table.v .content table.sortable thead th.sort-active {
		background: url(/layout/global/img/app/icon_tablesort_hourglass.gif) no-repeat 10px 50%;
		cursor: wait;
		}
	.box.table.v .content table.sortable thead th.sort-active a { cursor: wait; }
/* Icons */
	a.modify {
		display: block;
		width: 16px;
		height: 16px;
		background: url(../img/app/icon_modify.gif) no-repeat 0 0;
		}
		a.modify span { display: none; }
	a.delete {
		display: block;
		width: 16px;
		height: 15px;
		background: url(../img/app/icon_delete.gif) no-repeat 50% 50%;
		}
		a.delete span { display: none; }

/* Buttons */
		button.image {
			background-color: transparent;
			border: 0;
			margin: 0;
			padding: 0;
			cursor: pointer;
			}




/* Box globals */
.box { margin: 0 0 15px; }
	.box .header {}
		.box .header h3 {
			display: block;
			margin: 0 0 1px;
			padding: 5px 10px;
			background: #6b87a1;
			color: #fff;
			font-weight: normal;
			font-size: 11px;
			}
			.box .header h3 a { color: #fff; }
	.box .content {}
		.box .content h4 {
			background: #ccc;
			border-top: 1px solid #eee;
			font-size: 11px;
			} .box .content h4.first { border-top: none; }
			.box .content h4 a {
				display: block;
				padding: 5px 10px;
				text-decoration: none;
				color: #666;
				}					
	.box .footer {}



/* Table */
.box.table {}
	.box.table .header {}
	.box.table .content { border: 1px solid #ccc; }
		.box.table table {
			width: 100%;
			background: #ccc;
			border-collapse: collapse;
			border-spacing: 0;
			}


		/* Hack for htmlarea: */
		.box.table .htmlarea table {
			background: #ece9d8;
			width: auto;
			}
			.box.table .htmlarea table td { background: #ece9d8; }
		/* End */


			.box.table table tr {}
				.box.table table thead {}
					.box.table table thead th {
						padding: 6px 10px;
						color: #555;
						background: #ccc;
						font-size: 11px;
						line-height: 12px;
						text-align: left;
						}
						.box.table.v table tbody tr td table thead tr th,
						.box.table.v table tbody tr.o td table thead tr th,
						.box.table.v table tbody tr.e td table thead tr th { border-top: 0; background-color: #ccc; }
				.box.table table tfoot {}
					.box.table table tfoot th {
						padding: 5px 10px;
						color: #555;
						font-size: 11px;
						background: #f2f2ee;
						border-top: 1px solid #ccc;
						}
				.box.table.v table tfoot {}
					.box.table.v table tfoot th { text-align: left;
						}
				.box.table table tbody {}
					.box.table.highlight table tbody tr:hover td, 
					.box.table.highlight.h table tbody tr:hover th { background: #f2f2ee; }
						.box.table.highlight table.no-highlight tbody tr:hover td, 
						.box.table.highlight.h table.no-highlight tbody tr:hover th,
						.box.table.highlight table tbody tr.no-highlight:hover th,
						.box.table.highlight table tbody tr.no-highlight:hover td { background: #eee; }
					.box.table table tbody th {
						padding: 5px 10px;
						color: #555;
						font-size: 11px;
						border-top: 1px solid #ccc;
						vertical-align: top;
						text-align: left;
						background: #f2f2ee;
						}
						.box.table table tbody tr.first th, 
						.box.table table tbody > tr:first-child th,
						.box.table table tbody > tr:first-child td { border-top: 0; }
					.box.table.v table tbody th { vertical-align: middle; }
					.box.table.h table tbody th {
						text-align: right;
						background: #eee;
						}
					.box.table.h table tbody tr.sub th,
					.box.table.h table tbody tr.subheader th {
						text-align: left;
						background: #ccc;
						}
					.box.table.h.v-align-top table tbody tr th,
					.box.table.h.v-align-top table tbody tr td,
					.box.table.v.v-align-top table tbody tr td { vertical-align: top; }
					.box.table.h table tbody tr.optional th, 
					.box.table.v table tbody tr.optional th { font-weight: normal; }
					.box.table.v table tbody tr.sub th,
					.box.table.v table tbody tr.subheader th { background: #bbb; }
					.box.table table td {
						padding: 5px 10px;
						color: #666;
						background: #eee;
						border-top: 1px solid #ccc;
						} .box.table tr.first td { border-top: 0; }
						.box.table table td.error { color: #f00; }
						.box.table table td div.error {
							color: #f00;
							font-weight: bold;
							padding-top: 4px;
							}
						.box.table table td .info, 
						.box.table table td .info a {
							font-size: 11px;
							color: #999;
							}
					.box.table.v table td {}
						.box.table.v table td table tbody th { border-top: 0; }
						.box.table.v table td table tbody td {}
					/* Stop webkit browsers from displaying an extra border on the top: */
						.box.table.h .content table tr:first-child th, 
						.box.table.h .content table tr:first-child td { border: 0; }
					/* Zebra-striping */
						.box.table.alternating tbody tr.e th, 
						.box.table.alternating tbody tr.e td { background: #dfdfd8; }
					/* First row */
						.box.table table tbody tr.first th, 
						.box.table table tbody > tr:first-child th,
						.box.table table tbody > tr:first-child td { border-top: 0; }
					/* Forms */
					ul.form {
						margin: 0;
						padding: 0;
						list-style: none;
						}
						ul.form li {
							margin: 0;
							padding: 0 0 3px;
							}
							ul.form li ul {
								margin: 6px 0 0 50px;
								padding: 0;
								list-style: none;
								}
								ul.form li li {}
	.box.table .footer {
		padding: 5px 10px;
		color: #435164;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
		}
	.box .footer.menu { padding: 0; }
		.box .footer.menu ul {
			margin: 0;
			padding: 0;
			}
			.box .footer.menu li {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				.box .footer.menu li a {
					display: block;
					padding: 5px 10px 5px 25px;
					text-decoration: none;
					color: #435164;
					background: url(../img/app/icon_submenu_li_a.png) no-repeat 10px 10px;
					}
					.box .footer.menu li a:hover { background-color: #f2f2ec; }
	.box .footer.menu.h {
		text-align: center;
		padding: 5px 0;
		}
		.box .footer.menu.h ul {}
			.box .footer.menu.h li {
				display: inline;
				margin: 0 5px;
				padding: 0;
				}
				.box .footer.menu.h li a {
					padding: 0;
					background: transparent;
					display: inline;
					text-decoration: underline;
					color: #666;
					}
					.box .footer.menu.h li a:hover { background-color: transparent; }












/* Menu */
.box.menu {}
	.box.menu .header {}
		.box.menu .header h3 {}
	.box.menu .content {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
		.box.menu .content ul {
			margin: 0;
			padding: 0;
			}
			.box.menu .content ul li {
				margin: 0;
				padding: 0;
				list-style: none;
				background: #eee;
				border-top: 1px solid #ccc;
				}
				.box.menu .content ul li a {
					display: block;
					padding: 5px 10px 5px 25px;
					text-decoration: none;
					color: #435164;
					background: #eee url(../img/app/icon_submenu_li_a.png) no-repeat 10px 9px;
					}
					.box.menu .content ul li a:hover { background-color: #f2f2ec; }
				.box.menu .content ul li span {
					display: block;
					padding: 5px 10px;
					color: #435164;
					background-color: #eee;
					background-image: none;
					}
		.box.menu .content h4 {
			background: #ccc;
			color: #555;
			padding: 5px 10px;
			border-top: 0;
			}
		.box.menu .content p {
			margin: 0;
			padding: 5px 10px;
			background: #eee;
			color: #435164;
			}
	.box.menu .footer {
		padding: 5px 10px;
		color: #435164;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
		}
/* Menu: list */
.box.menu.list {}
	.box.menu.list .content {}
		.box.menu.list .content ul {}
			.box.menu.list .content ul li {
				padding: 5px 10px;
				color: #435164;
				background-color: #eee;
				background-image: none;
				}
			.box.menu.list .content ul li.sub { padding: 0; }
				.box.menu.list .content ul li.sub strong {
					display: block;
					padding: 5px 10px;
					color: #555;
					background-color: #ccc;
					}
				.box.menu.list .content ul li.sub ul {}
					.box.menu.list .content ul li.sub ul li {
						padding: 5px 10px 5px 30px;
						list-style: disc inside;
						}
/* Menu: nav */
.box.menu.nav {}
	.box.menu.nav .content {}
		.box.menu.nav .content ul {}
			.box.menu.nav .content ul li.sub {}
				.box.menu.nav .content ul li.sub strong {
					display: block;
					padding: 5px 10px;
					color: #555;
					background-color: #ccc;
					}
				.box.menu.nav .content ul li.sub ul {}
					.box.menu.nav .content ul li.sub ul li {}









/* Text */
.box.text {}
	.box.text .header {}
		.box.text .header h3 {}
	.box.text .content {
		border: 1px solid #ccc;
		padding: 5px 10px;
		background: #eee;
		color: #435164;
		}
		.box.text .content ul, 
		.box.text .content ol {
			margin: 0 0 12px 20px;
			padding: 0;
			}
			.box.text .content ul li {
				margin: 0;
				padding: 0;
				list-style: disc;
				}
		.box.text .content h4 {
			background: #ccc;
			color: #555;
			padding: 5px 10px;
			}
		.box.text .content p {
			margin: 0;
			padding: 0 0 12px;
			color: #435164;
			}
	.box.text .footer {
		padding: 5px 10px;
		color: #435164;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
		}
















/* Progress */
/*
.box.progress {}
	.box.progress .header {}
		.box.progress .header h3 {}
	.box.progress .content {
		border: 1px solid #ccc;
		padding: 5px 10px;
		background: #eee;
		color: #435164;
		}
		.box.progress .content ol {
			margin: 0;
			padding: 5px 0;
			list-style: none;
			text-align: center;
			}
			.box.progress .content li {
				display: inline;
				padding: 0 5px;
				}
*/









/* Progress2-b */
/*
.app.progress {
	display: block;
	margin: 0 0 12px;
	width: 740px;
	}
	.app.progress .header {}
		.app.progress .header h3 {
			margin: 0 0 3px;
			text-align: center;
			font-size: 11px;
			}
	.app.progress .content {
		padding: 4px;
		height: 20px;
		background: url(/layout/global/img/progress/bg_ground_740.png) no-repeat 0 0;
		}
		.app.progress .bar {
			position: relative;
			z-index: 1;
			background-repeat: no-repeat;
			background-position: 0 0;
			height: 20px;
			}
			.app.progress.grey .bar { background-image: url(/layout/global/img/progress/bar_grey.gif); }
		.app.progress ol {
			position: relative;
			top: -20px;
			z-index: 2;
			margin: 0;
			padding: 1px 0 0;
			list-style: none;
			height: 20px;
			}
			.app.progress li {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
				font-size: 11px;
				text-align: center;
				}
			.app.progress li.complete, 
			.app.progress li.current { color: #fff; }
			.app.progress li.incomplete { color: #aaa; }
*/
/* ################################################################################### Progress */
.app.progress {
	display: block;
	margin: 0 0 12px;
	padding: 0;
	width: 750px;
	height: 28px;
	background: url(/layout/global/img/app/progress/bg_ground_750.png) no-repeat 0 0;
	}
	.app.progress .header {
		float: left;
		width: 126px;
		}
		.app.progress .header h3 {
			margin: 0;
			padding: 7px 8px 0;
			text-align: center;
			font-size: 11px;
			font-weight: normal;
			color: #666;
			}
	.app.progress .content {
		width: 620px;
		padding: 4px 0 0;
		float: left;
		}
		.app.progress .bar {
			position: relative;
			z-index: 1;
			background-repeat: no-repeat;
			background-position: 0 0;
			height: 20px;
			background-image: url(/layout/global/img/app/progress/bar_grey.gif);
			}
		.app.progress .content {}
			.app.progress .content ol {
				position: relative;
				z-index: 2;
				top: -18px;
				margin: 0;
				padding: 1px 0 0;
				list-style: none;
				height: 20px;
				}
				.app.progress .content li {
					display: block;
					float: left;
					margin: 0;
					padding: 0;
					font-size: 11px;
					text-align: center;
					}
				.app.progress li.complete, 
				.app.progress li.current { color: #fff; }
				.app.progress li.incomplete { color: #aaa; }






/* Style fixes for tiny_mce */
	.box.table .content table table.mceLayout {
			background: #eee;
			border-collapse: collapse;
			border-spacing: 0;
			}
			.box.table .content table table.mceLayout tbody {}
				.box.table .content table table.mceLayout tbody tr {}
					.box.table .content table table.mceLayout tbody tr td { padding: 0; }
					.box.table .content table table.mceLayout tbody tr td.mceToolbar { border-top: 1px solid #ccc; }
						.box table span.mceEditor table { background: #eee; }
							table.mceToolbar { width: 1px !important; }
					.box.table td.mceIframeContainer { border-bottom: 0; }
/* ################################################################################### Auto-Complete */
	.ac_results {
		padding: 0px;
		border: 1px solid #ccc;
		background-color: #fff;
		overflow: hidden;
		z-index: 99999;
		}
		.ac_results ul {
			width: 100%;
			list-style-position: outside;
			list-style: none;
			padding: 0;
			margin: 0;
			}
		.ac_results li {
			margin: 0px;
			padding: 2px 5px;
			cursor: default;
			display: block;
			/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
			/*width: 100%;*/
			font: menu;
			font-size: 11px;
			/* it is very important, if line-height not set or set in relative units scroll will be broken in firefox */
			line-height: 16px;
			overflow: hidden;
			color: #444;
			padding: 5px 5px;
			}
	.ac_loading { background: #fff url('indicator.gif') right center no-repeat; }
	.ac_odd { background-color: #fafafa; }
	.ac_over { 
		background-color: #d0e6fa;
		color: #fff;
		}