/* general */

body {
	/* iphone */
	-webkit-text-size-adjust: 100%;
}

.divMask, .pageMask {
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color: #fff;
	transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    z-index: 20;
}
.pageMask {
	position: fixed;
	background: -webkit-gradient(linear, 40% top, 85% bottom, color-stop(0.1, #000),
                color-stop(0.5, #ddd), color-stop(0.9, #000));
	background-color: #444;
}

button, .button, input[type="button"], input[type="submit"] {
	background: #f6f6f6;
}
button:focus, input:focus {
	outline: none;
}

.input-icon {
    background: url("/themes/Default/ui/ui.png"); 
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: text-bottom;
}
.pad-right {
	margin-right: 0.3em;
}
.requiredStar {
    background: url("/themes/Default/ui/ui.png");
    background-position: -2px -20px;
	background-repeat: no-repeat;
	font-size: 0;
	color: transparent;
	cursor: default;
    display: inline-block;
    width: 10px;
    height: 12px;
    line-height: 12px;
	vertical-align: text-bottom;
	margin-left: 0.3em;
}
.dataLabel_s .requiredStar {
	height: 10px;
	line-height: 10px;
	margin-left: 0.2em;
	margin-right: 0.1em;
}

.input-text, .input-complex, .input-textarea, .input-file {
	background: #fafafa url("/themes/Default/ui/text_back.png") repeat-x top;
	vertical-align: text-bottom;
	border-radius: 0; /* ipad */
}
.input-text {
	height: 16px;
	line-height: 1.24;
	padding: 1px 0 1px 2px;
}
.input-textarea {
	padding: 2px;
}
.input-textarea::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
.input-textarea::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 1px solid white;
    background-color: rgba(0, 0, 0, .3);
}
.input-search {
	position: relative;
	border-radius: 10px;
	vertical-align: text-bottom;
	padding-left: 2px;
	padding-right: 5px;
}
.input-text.invalid, .input-complex.invalid, .input-select.invalid, .input-textarea.invalid, .input-file.invalid {
	background: #fdd;
}
.input-text:focus, .input-textarea:focus {
	background: #fff;
}
.input-search .icon-search {
	margin-top: 2px;
}
.input-search .input-entry:focus {
	background: transparent;
}
.tabForm .topLabel {
	padding: 0;
	color: #666;
}

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.space-above {
	margin-top: 0.5em;
}

.form-controls button {
	padding: 2px 4px;
}
.top-controls {
	padding-bottom: 2px;
}
.bottom-controls {
	padding-top: 2px;
}

.search-clear {
	margin-top: 1px;
	margin-right: 1px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: 10;
	cursor: pointer;
	outline: none;
}

.input-bounded {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Popup and Dialog */

.popup-dialog {
	position: absolute;
	left: 0; top: 0;
	display: none;
	cursor: auto;
	background: #fafafa;
	padding: 1px;
	z-index: 99;
	min-width: 150px;
	min-height: 76px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 2px 3px #999;
	-webkit-box-shadow: 0 2px 3px #999;
	-moz-box-shadow: 0 2px 3px #999;
	transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
}
.popup-title {
	color: #fff;
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #97adcd;
	cursor: default;
	border-width: 0 0 1px 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.select-menu .popup-title {
	color: #999;
	background: transparent;
	border-bottom: none;
}
.mini-dialog .popup-title {
	line-height: 16px;
	height: auto;
}

.popup-title-text {
	padding-right: 2px;
}
.popup-dialog .popup-title-text {
	font-weight: bold;
}
.mini-dialog .popup-title-text {
	font-weight: normal;
}

.dialog-resizer {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 16px;
	height: 16px;
    background: url("/themes/Default/ui/ui.png") no-repeat top left;
    background-position: -368px 0;
	z-index: 100;
}
.mini-close {
	float: right;
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-right: 2px;
	cursor: pointer;
    background: url("/themes/Default/ui/ui.png") no-repeat top left;
    background-position: -224px 0;
}

.popup-tooltip {
	position: absolute;
	left: 0; top: 0;
	display: none;
	cursor: default;
	background: #fafafa;
	border-width: 1px;
	z-index: 100;
	min-width: 80px;
	min-height: 18px;
	max-width: 300px;
	overflow: hidden;
	padding: 2px 4px;
	box-shadow: 0 2px 3px #bbb;
	-webkit-box-shadow: 0 2px 3px #bbb;
	-moz-box-shadow: 0 2px 3px #bbb;
}
.tooltip-text {
	font-size: 12px;
	line-height: 14px;
}

.popup-detail {
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	margin: 3px;
	margin-top: 0;
	border-top: 1px solid #999;
	padding-top: 3px;
	color: #333;
}
.popup-detail b {
	font-weight: normal;
	color: #777;
}

.dialog-content {
	position: relative;
	overflow: auto;
	margin: 2px;
}
.resizable .dialog-content {
	margin-bottom: 16px;
}
.fixed-size .dialog-content {
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;
	margin: 0;
}
.fixed-size.draggable .dialog-content {
	top: 24px;
}
.fixed-size.draggable .dialog-content {	
	margin-bottom: 0;
	bottom: 17px;
}

.dialog-footer {
	margin-top: 5px;
}


/* Form Controls */


.input-checkbox, .input-select, .input-complex, .input-select-multi, .input-button, .drag-handle {
	border: none;
	color: #222;
	font-size: 12px;
	line-height: 1.45;
	font-family: Verdana, Arial, Helvetica, sans;
	vertical-align: text-bottom;
}
.input-complex {
	white-space: nowrap;
	position: relative;
}
.input-complex .nested {
	border: none;
	vertical-align: top;
}
.input-button, .input-select, .input-checkbox, .drag-handle {
	background-image: url("/themes/Default/ui/button_flat.png");
	background-position: 0 50%;
	background-repeat: repeat-x;
	white-space: nowrap;
}
.input-select, .input-checkbox, .input-button {
	height: 20px;
	border-radius: 5px;
}
.input-button.compact, .input-select.compact {
	height: 18px;
	padding-left: 2px;
	padding-right: 2px;
	border-radius: 0;
	vertical-align: top;
}
.input-button.compact, .input-select.compact, .input-button.dark, .input-checkbox.dark, .input-select.dark {
	background-image: url("/themes/Default/ui/button_dark.png");
}
.input-button.flatter, .input-select.flatter, .input-checkbox.flatter, .nav-button, .form-button.flatter {
	border-color: #79b;
	border-bottom-color: #68a;
}
.input-button.nohover:hover {
	background-image: url("/themes/Default/ui/button_flat.png");
}
.input-checkbox:hover, .input-select:hover, .input-button:hover, .drag-handle:hover {
	background: url("/themes/Default/ui/button_over.png");
	background-position: 0 50%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;	
}
.input-button.compact:hover, .input-select.compact:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;	
}
.input-button:focus, .input-select:focus, .input-checkbox:focus {
	background-image: url("/themes/Default/ui/button_over.png");
	background-position: 0 50%;
	background-repeat: repeat-x;
}
.button-bar {
	padding: 4px 5px;
}
.nav-button-group .first, .nav-button-group .mid {
	border-right-style: solid;
	border-right-width: 1px;
}
.nav-button-group.flatter td {
	border-color: #79b;
}
.nav-button-group button {
	vertical-align: bottom;
}
.nav-button-group .first button, .nav-button-group .mid button {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.nav-button-group .mid button, .nav-button-group .last button {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.form-button {
	font-size: 12px;
	line-height: 1.6;
	height: 22px;
	padding: 0 5px;
	border-radius: 3px;
	vertical-align: text-bottom;
}
.form-button .input-label, .form-button .select-label, .form-button .input-arrow {
	height: 20px;
}
.form-buttons {
	margin: 0;
	padding: 0;
	border-spacing: 0;
}
.input-button .input-icon, .input-select .input-icon, .input-checkbox .input-icon {
	margin-top: 1px;
	margin-bottom: 1px;
 	vertical-align: text-bottom;
}
.form-button .input-icon {
	margin-top: 2px;
	margin-bottom: 2px;
 	vertical-align: text-bottom;
}
.input-button.compact .input-icon, .input-select.compact .input-icon {
	/*vertical-align: text-top;*/
	/*margin-right: -1px;*/
}
.input-icon.left {
	margin-right: 1px;
}
.input-checkbox, .input-checkbox-noedit {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.input-checkbox-noedit {
	height: 16px;
	line-height: 16px;
	display: inline-block;
	background: transparent;
	white-space: nowrap;
	padding: 0;
}

.popup-close {
	width: 16px;
	height: 16px;
	line-height: 14px;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	padding: 0 0 0 0;
}

.input-select {
	padding-left: 4px;
	padding-right: 2px;
}
.input-select:focus, .select-menu:focus, .input-select-multi:focus, .select-group-col:focus {
	border-color: #cc551c;
	outline: none;
}
.select-menu.flat-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
}
.input-complex.active {
	background: #fff;
}
.input-select-multi {
	color: #222;
	cursor: default;
	padding: 0;
	min-width: 60px;
	min-height: 10px;
	background: #fafafa url("/themes/Default/ui/text_back.png") repeat-x top;
}
.select-flat-inner {
	/*overflow-x: hidden;
	overflow-y: scroll;*/
}
.input-scroll {
	position: relative;
	overflow: hidden;
	background-image: url("/themes/Default/ui/scroll-back.png");
	background-position: right;
	background-repeat: repeat-y;
}
.input-scroll.hidden .scroll-button, .input-scroll.disabled .scroll-button {
	display: none;
}

.drag-handle {
	width: 15px;
	height: 13px;
	line-height: 13px;
	border-color: #bbb;
	border-bottom-color: #999;
	cursor: move;
}
.drag-handle:hover {
	border-color: #69c;
}
.drag-handle .input-icon {
	position: relative;
	display: block;
	top: -1px;
	vertical-align: middle;
}
.drag-row-marker {
	position: absolute;
	z-index: 1500;
	height: 15px;
	min-width: 80px;
	background-image: url("/themes/Default/ui/drag_marker_bg.png");
}

.icon-mark-left {
	background-position: -256px 0;
	height: 15px;
}
.icon-mark-right {
	background-position: -256px -16px;
	height: 15px;
}
.drag-row-marker .icon-mark-right {
	position: absolute;
	right: 0;
}
.drag-row-marker .icon-mark-left {
	position: absolute;
	left: 0;
}

.input-select-multi:focus .scroll-button.up, .input-select-multi:focus .scroll-button.down {
	border-color: #cc551c;
}
.scroll-content {
	position: relative;
	margin-right: 16px;
	border: 1px solid #aaa;
	border-bottom: none;
	border-right-color: #bbb;
	-webkit-transition: -webkit-transform 0.1s linear;
	-moz-transition: -moz-transform 0.1s linear;
}
.input-scroll.hidden {
	background: none;
}
.input-scroll.hidden .scroll-content {
	margin-right: 0;
	border: none;
}
.select-menu .scroll-content {
	border: none;
}
.select-rows {
	table-layout: fixed;
	border: none;
	padding: 0;
	border-spacing: 0;
}
.select-multi-groups {
}
.select-group-header {
	background-color: #ddd;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	padding: 2pt 1em;
	min-width: 100px;
}
.select-group-header.mid {
	border-width: 0 1px;
	min-width: 1px;
}
.select-group-col.mid {
	border-width: 0 1px;
	background-color: #eee;
}

.input-arrow, .input-inline-arrow {
	display: inline-block;
	padding-right: 18px;
	margin-right: -1px;
	background-image: url("/themes/Default/ui/bullet_arrow_down.png");
	background-repeat: no-repeat;
	background-position: right;
}
.input-inline-arrow {
}

.sectionOpen .input-arrow {
	background-image: url("/themes/Default/ui/double_up.png");
}
.sectionClosed .input-arrow, .menu-source .input-arrow, .bar-insert .input-arrow {
	background-image: url("/themes/Default/ui/double_down.png");
}

.input-checkbox .input-icon, .input-checkbox-noedit .input-icon {
	margin-left: 2px;
	margin-right: 2px;
    background-position: -80px -16px;
}
.input-checkbox:focus .input-icon, .input-checkbox:hover .input-icon {
    background-position: -80px 0;
}

.input-checkbox.checked .input-icon, .input-checkbox-noedit.checked .input-icon {
    background-position: -64px -16px;
}

.input-checkbox.checked:focus .input-icon, .input-checkbox.checked:hover .input-icon {
    background-position: -64px 0;
}

.icon-checkbox {
    background-position: -80px -16px;
}
.icon-checkbox.checked {
    background-position: -64px -16px;
}
.active-icon.icon-checkbox:hover {
    background-position: -80px 0;
}
.active-icon.icon-checkbox.checked:hover {
    background-position: -64px 0;
}


.input-outer {
	border: 1px solid #369;
}
.input-outer:focus, .input-outer.active {
	border-color: #cc551c;
}
.input-part {
	display: inline-block;
	vertical-align: top;
	line-height: 100%;
}
.input-entry {
	border: none;
	height: 16px;
	vertical-align: top;
	background: transparent;
	margin: 0;
	-webkit-appearance: caret; /* remove inner shadow on ipad */
}
.sep-right {
	border-right: 1px solid #68a;
	margin-right: 1px;
	padding-right: 1px;
}
.sep-left, .input-complex.sep-left {
	border-left: 1px solid #68a;
	margin-left: 1px;
}
.input-button-group {
	white-space: nowrap;
}
.hard-right {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.hard-left {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px;
}
.bar-insert {
	padding: 0 0.7em;
}
.bar-insert .input-label {
	padding: 0;
	text-overflow: clip;
}

.scroll-button {
	position: absolute;
	right: 0;
	width: 15px;
	height: 15px;
	border-radius: 0;
	border-width: 0;
	padding: 0;
	/*background-image: url("/themes/Default/ui/button_dark.png");
	background-position: 0 50%;
	background-repeat: repeat-x;*/
	background: #eee;
	overflow: hidden;
}
.scroll-button:focus, .scroll-button.active, .scroll-button:active {
	background: #e6f3ff;
}
.scroll-button .input-icon {
	position: relative;
	display: block;
	width: 15px;
	height: 15px;
	top: 0;
	left: -1px;
	vertical-align: middle;
}
.scroll-button.up {
	top: 0;
	border-left-width: 1px;
	border-bottom-width: 1px;
}
.scroll-button.up .input-icon {
	background-position: -320px -16px;
}
.scroll-button.up:hover .input-icon {
	background-position: -320px 0;
}
.scroll-button.down {
	bottom: 0;
	border-left-width: 1px;
	border-top-width: 1px;
}
.scroll-button.down .input-icon {
	background-position: -304px -16px;
}
.scroll-button.down:hover .input-icon {
	background-position: -304px 0;
}
.scroll-button.pos {
	width: 13px;
	top: 15px;
	border-radius: 4px;
	border-width: 1px;
}
.scroll-button.pos .input-icon, .drag-handle .input-icon {
	background-position: -336px -16px;
}
.scroll-button.pos:hover .input-icon, .drag-handle:hover .input-icon {
	background-position: -336px 0;
}

.nav-button {
	width: 36px;
}

.icon-prev, .icon-next, .icon-start, .icon-end, .icon-dprev, .icon-dnext {
	height: 11px;
	line-height: 11px;
	margin-bottom: 2px;
}
.icon-prev {
    background-position: -416px 0;
	width: 8px;
}
.icon-next {
    background-position: -432px 0;
	width: 8px;
}
.icon-start {
	background-position: -384px 0;
	width: 12px;
}
.icon-end {
	background-position: -400px 0;
	width: 12px;
}
.icon-dprev {
    background-position: -448px 0;
	width: 11px;
}
.icon-dnext {
    background-position: -464px 0;
	width: 11px;
}
.icon-prev.off {
    background-position: -416px -16px;
}
.icon-next.off {
    background-position: -432px -16px;
}
.icon-start.off {
	background-position: -384px -16px;
}
.icon-end.off {
	background-position: -400px -16px;
}
.icon-dprev.off {
    background-position: -448px -16px;
}
.icon-dnext.off {
    background-position: -464px -16px;
}
.icon-close {
    background-position: -112px 0;
	width: 14px;
	height: 14px;
}
.icon-clear {
    background-position: -96px -16px;
}
.icon-clear:hover {
    background-position: -96px 0;
}
.icon-edit {
    background-position: -176px -16px;
}
button:hover .icon-edit, button:focus .icon-edit, .icon-edit.active, .select-option-row.current .icon-edit {
    background-position: -176px 0;
}
.icon-action, .active-icon.icon-action {
    background-position: -16px -16px;
}
button:hover .icon-action, button:focus .icon-action, .icon-action.active, .active-icon.icon-action:hover, .select-option-row.current .icon-action {
    background-position: -16px 0;
}

.icon-accept, .active-icon.icon-accept {
    background-position: -32px -16px;
}
button:hover .icon-accept, button:focus .icon-accept, .icon-accept.active, .active-icon.icon-accept:hover, .select-option-row.current .icon-accept {
    background-position: -32px 0;
}
.icon-cancel, .active-icon.icon-cancel {
    background-position: -48px -16px;
}
button:hover .icon-cancel, button:focus .icon-cancel, .icon-cancel.active, .active-icon.icon-cancel:hover, .select-option-row.current .icon-cancel {
    background-position: -48px 0;
}
.icon-calendar {
    background-position: -128px -16px;
}
button:hover .icon-calendar, button:focus .icon-calendar, .icon-calendar.active, .select-option-row.current .icon-calendar {
    background-position: -128px 0;
}
.icon-exchangerate {
    background-position: -480px -16px;
}
.icon-exchangerate, button:hover .icon-exchangerate, button:focus .icon-exchangerate {
    background-position: -480px 0;
}
.icon-time {
    background-position: -144px -16px;
}
button:hover .icon-time, button:focus .icon-time, .icon-time.active {
    background-position: -144px 0;
}
.icon-popup {
    background-position: -208px -16px;
}
button:hover .icon-popup, button:focus .icon-popup, .icon-popup.active, .select-option-row.current .icon-popup {
    background-position: -208px 0;
}
.icon-popup.inline {
	margin-top: -1px;
}
.icon-delete, .active-icon.icon-delete {
    background-position: -160px -16px;
}
button:hover .icon-delete, button:focus .icon-delete, .icon-delete.active, .active-icon.icon-delete:hover, a:hover .active-icon.icon-delete, .select-option-row.current .icon-delete {
    background-position: -160px 0;
}
.icon-duplicate {
    background-position: -192px -16px;
}
button:hover .icon-duplicate, button:focus .icon-duplicate, .icon-duplicate.active, .select-option-row.current .icon-duplicate {
    background-position: -192px 0;
}
.icon-changelog {
	background-position: -800px -16px;
}
button:hover .icon-changelog, button:focus .icon-changelog, .icon-changelog.active, .select-option-row.current .icon-changelog {
    background-position: -800px 0;
}
.icon-recur {
	background-position: -672px -16px;
}
button:hover .icon-recur, button:focus .icon-recur, .icon-recur.active, .active-icon.icon-recur:hover, .select-option-row.current .icon-recur {
    background-position: -672px 0;
}
.icon-email {
	background-position: -880px -16px;
}
button:hover .icon-email, button:focus .icon-email, .icon-email.active, .select-option-row.current .icon-email {
    background-position: -880px 0;
}
.icon-send {
	background-position: -896px -16px;
}
button:hover .icon-send, button:focus .icon-send, .icon-send.active, .select-option-row.current .icon-send {
    background-position: -896px 0;
}
.icon-note, .active-icon.icon-note {
	background-position: -832px -16px;
}
button:hover .icon-note, button:focus .icon-note, .icon-note.active, .select-option-row.current .icon-note, .active-icon.icon-note:hover, a:hover .active-icon.icon-note {
    background-position: -832px 0;
}
.icon-up, .active-icon.icon-up {
	background-position: -848px -16px;
}
button:hover .icon-up, button:focus .icon-up, .icon-up.active, .select-option-row.current .icon-up, .active-icon.icon-up:hover, a:hover .active-icon.icon-up {
    background-position: -848px 0;
}
.icon-down, .active-icon.icon-down {
	background-position: -864px -16px;
}
button:hover .icon-down, button:focus .icon-down, .icon-down.active, .select-option-row.current .icon-down, .active-icon.icon-down:hover, a:hover .active-icon.icon-down {
    background-position: -864px 0;
}
.icon-users {
	background-position: -912px -16px;
}
button:hover .icon-users, button:focus .icon-users, .icon-users.active, .select-option-row.current .icon-users {
	background-position: -912px 0;
}
.icon-user {
	background-position: -928px -16px;
}
button:hover .icon-user, button:focus .icon-user, .icon-user.active, .select-option-row.current .icon-user {
	background-position: -928px 0;
}
.icon-adminuser {
	background-position: -944px -16px;
}
button:hover .icon-adminuser, button:focus .icon-adminuser, .icon-adminuser.active, .select-option-row.current .icon-adminuser {
	background-position: -944px 0;
}
.icon-teams {
	background-position: -960px -16px;
}
button:hover .icon-teams, button:focus .icon-teams, .icon-teams.active, .select-option-row.current .icon-teams {
	background-position: -960px 0;
}
.icon-editlist {
	background-position: -352px -16px;
}
button:hover .icon-editlist, button:focus .icon-editlist, .icon-editlist.active, .select-option-row.current .icon-editlist, .tab-current .icon-editlist {
	background-position: -352px 0;
}
.icon-sortlist {
	background-position: -976px -16px;
}
button:hover .icon-sortlist, button:focus .icon-sortlist, .icon-sortlist.active, .select-option-row.current .icon-sortlist, .tab-current .icon-sortlist {
	background-position: -976px 0;
}


.active-icon {
	cursor: pointer;
}

.input-label {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9.5pt;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	vertical-align: text-bottom;
    cursor: default;
}
.select-label {
	display: inline-block;
	max-width: 234px;
	overflow: hidden;
	height: 18px;
	text-align: left;
	vertical-align: text-bottom;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.select-label .input-label {
	/*width: 100%; - seems to force ellipsis in calendar mode selector in FF */
	display: inline;
	vertical-align: top;
}
.tab-label {
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.input-name-icon {
	float: left;
}
.input-name-icon.input-icon {
	margin-top: 1px;
	margin-left: 1px;
}
.input-name {
	height: 18px;
	margin-left: 18px;
	margin-right: 2px;
	min-width: 100px;
}
.input-name input, .input-name textarea {
	width: 100%;
}
.input-name textarea {
	margin: 0;
	padding: 1px;
	padding-bottom: 0;
}
.email-recips .input-name {
	height: auto;
}
.input-name.with-module {
	margin-left: 40px;
}

.input-name.with-select {
	margin-right: 25px;
}
.input-name.with-clear {
	margin-right: 18px;
}
.input-name.with-select.with-clear {
	margin-right: 43px;
}

.input-select-button {
	float: right;
}

.ref-clear-button {
	float: right;
	margin-top: 1px;
}

.input-complex, .input-select-multi {
	display: inline-block;
	background-color: #fafafa;
}
.popup-select-multi {
	font-size: 13px;
	line-height: 18px;
	background-color: #fafafa;
}

.select-menu {
	position: absolute;
	display: none;
	cursor: default;
	background: #fafafa;
	border-radius: 5px;
	padding: 1px;
	z-index: 99;
	/*min-width: 150px;*/
	max-width: 300px;
	box-shadow: 0 2px 3px #999;
	-moz-box-shadow: 0 2px 3px #999;
	-webkit-box-shadow: 0 2px 3px #999;
	-webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, opacity;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease;
    overflow: hidden;
}
.field-select {
	max-width: 500px;
}
.field-select .input-scroll {
}
.field-select .scroll-content {
	border: none;
}
.select-option-row {
	height: 18px;
}
.select-menu .select-option-row {
	height: 22px;
}
.select-option {
	font-size: 12px;
	line-height: 17px;
	padding: 1px 4px;
	vertical-align: top;
}
.select-option-row.selected .select-option {
	background: #E6F2FC;
}
.select-option-row.current .select-option {
	background-image: url("/themes/Default/ui/button_dark.png");
	background-position: 0 50%;
	background-repeat: repeat-x;
}
.select-option-row.current.selected .select-option {
	background-image: url("/themes/Default/ui/button_over.png");
}
.select-option-row.current.active .select-option {
	background-image: url("/themes/Default/ui/button_down.png");
	background-position: 0 50%;
	background-repeat: repeat-x;
}
.select-option-row.disabled .select-option {
	background: #eee;
}
.select-option-row.current .input-icon.icon-check {
    background-position: -288px 0;
}
.select-option-row.selected .input-icon.icon-check {
    background-position: -288px -16px;
}
.input-select-multi .select-option {
	border-bottom: 1px solid #ccc;
}
.select-option .input-icon {
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
}
.select-option-icon.left {
	float: left;
}
.select-option-inner {
	margin-left: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.select-option-inner.with-icon {
	margin-left: 20px;
}
.select-option .input-label {
	display: inline;
	margin-left: 0;
	height: 16px;
	vertical-align: top;
}
.input-select-multi .select-option-inner, .input-select-multi .select-option-icon {
	margin-top: 0;
	margin-bottom: 0;
}
.listview-select {
	height: 18px;
	line-height: 14px;
	font-size: 14px;
}
.listview-select input {
	vertical-align: middle;
}


.input-button:active, .input-select:active, .input-checkbox:active, .input-checkbox.checked, .drag-handle:active {
	background-image: url("/themes/Default/ui/button_act.png");
}
/* Disabled controls */
.input-text:disabled, .input-text:disabled:hover {
	color: #333;
	-webkit-text-fill-color: #333;
}
.input-button:disabled, .input-select:disabled, .input-checkbox:disabled {
	color: #666;
	border-color: #999;
	background-image: url("/themes/Default/ui/button_alt.png");
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.input-complex.disabled {
	border-color: #bbb;
	background: #e6e6e6;
}
.input-complex.disabled .sep-left {
	border-left-color: #bbb;
}
.input-complex.disabled .sep-right {
	border-right-color: #bbb;
}


/* Status */

.statusDiv {
	background: #fff;
	color: #BB7733;
	border: 1px solid #BB7733;
	position: fixed;
	top: 28px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	opacity: 0.8;
	padding: 2pt 8pt;
	font-weight: bold;
	z-index: 100;
}

.layout-over {
	background-color: #FDD !important;
}

.admin-action {
	border: solid 1px #C33 !important;
}
.icon-info {
	background-position: -240px -16px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	vertical-align: -1px;
}
.icon-info:hover, button:hover .icon-info {
	background-position: -240px 0;
}

.icon-filter {
	background-position: -496px -16px;
}
button:hover .icon-filter, .tab-current .icon-filter {
	background-position: -496px 0;
}

.icon-add, .active-icon.icon-add {
	background-position: -512px -16px;
}
button:hover .icon-add, .icon-add.active, .active-icon.icon-add:hover, a:hover .active-icon.icon-add {
	background-position: -512px 0;
}
.icon-layout {
	background-position: -528px -16px;
}
button:hover .icon-layout, .tab-current .icon-layout {
	background-position: -528px 0;
}
.icon-editlayout {
	background-position: -544px -16px;
}
button:hover .icon-editlayout, .icon-editlayout.active, .select-option-row.current .icon-editlayout {
	background-position: -544px 0;
}
.icon-reports {
	background-position: -560px -16px;
}
button:hover .icon-reports, .tab-current .icon-reports {
	background-position: -560px 0;
}
.icon-sources {
	background-position: -576px -16px;
}
button:hover .icon-sources, .tab-current .icon-sources {
	background-position: -576px 0;
}
.icon-print {
	background-position: -592px -16px;
}
button:hover .icon-print, button:focus .icon-print, .tab-current .icon-print, .icon-print.active, .active-icon.icon-print:hover, a:hover .active-icon.icon-print, .select-option-row.current .icon-print {
	background-position: -592px 0;
}
.icon-help {
	background-position: -608px -16px;
}
button:hover .icon-help, button:focus .icon-help, .tab-current .icon-help, .icon-help.active, a:hover .active-icon.icon-help, .select-option-row.current .icon-help {
	background-position: -608px 0;
}
.icon-search {
	background-position: -624px -16px;
}
button:hover .icon-search, button:focus .icon-search, .tab-current .icon-search, .icon-search.active, .active-icon.icon-search:hover, a:hover .active-icon.icon-search, .active .icon-search {
	background-position: -624px 0;
}
.icon-export {
	background-position: -640px -16px;
}
button:hover .icon-export, button:focus .icon-export, .tab-current .icon-export, .icon-export.active, a:hover .active-icon.icon-export, .select-option-row.current .icon-export {
	background-position: -640px 0;
}
.icon-return {
	background-position: -656px -16px;
}
button:hover .icon-return, button:focus .icon-return, .tab-current .icon-return, .icon-return.active, a:hover .active-icon.icon-return, .select-option-row.current .icon-return {
	background-position: -656px 0;
}
.icon-view {
    background-position: -816px -16px;
}
button:hover .icon-view, button:focus .icon-view, .tab-current .icon-view, .icon-view.active, .active-icon.icon-view:hover, .select-option-row.current .icon-view {
    background-position: -816px 0;
}
.icon-expand {
    background-position: -272px -16px;
}
button:hover .icon-expand, button:focus .icon-expand, .icon-expand.active, .active-icon.icon-expand:hover, .select-option-row.current .icon-expand {
    background-position: -272px 0;
}
.icon-convert {
    background-position: -736px -16px;
}
button:hover .icon-convert, button:focus .icon-convert, .tab-current .icon-convert, .icon-convert.active, .select-option-row.current .icon-convert {
    background-position: -736px 0;
}
.icon-temail, .icon-tlink, .icon-tphone {
	width: 10px;
	height: 10px;
	line-height: 10px;
	vertical-align: -1px;
}
.icon-temail {
	background-position: -688px -16px;
}
.icon-tlink {
	background-position: -704px -16px;
}
.icon-tphone {
	background-position: -720px -16px;
}
.icon-sort, .icon-sort-up, .icon-sort-down {
	width: 11px;
	height: 11px;
}
.icon-sort-up {
	background-position: -752px -16px;
}
a:hover .icon-sort-up {
	background-position: -752px 0px;
}
.icon-sort-down {
	background-position: -768px -16px;
}
a:hover .icon-sort-down {
	background-position: -768px 0px;
}
.icon-sort {
	background-position: -784px -16px;
}
a:hover .icon-sort {
	background-position: -784px 0px;
}
.listColLink {
	display: block;
}
.listColHead {
	position: relative;
	display: inline-block;
}
.listColHeadInner {
	display: table-cell;
	vertical-align: middle;
	height: 25px;
}
.listColLabel.with-arrow {
	margin-right: 15px; /* allow for icon */
}
.list-sort {
	position: absolute;
	right: 0;
	top: 8px;
}


.tab-outer {
	position: relative;
	display: inline-block;
}
.tab-end, .tab-final {
	display: inline-block;
	vertical-align: bottom;
	width: 20px;
	height: 20px;
}
.list-edit-value {
	cursor: pointer;
	white-space: nowrap;
}
.list-edit-value.disabled {
	cursor: default;
}
.quick-input-content {
	padding: 0.4em;
}
.nobr {
	display: inline;
	white-space: nowrap;
}
.address-edit-cell {
	padding-right: 3px;
}
.address-edit-cell.edit-menu {
	padding-top: 3px;
}

/* jscalendar default styles */

/* The main calendar widget.  DIV containing a table. */

.calendar {
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #f6f6f6;
	font-family: tahoma,verdana,sans-serif;
}

.calendar table {
	background-color: #eee;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .headrow td {
	line-height: 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;
	padding: 3px;
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
	color: #000;
	text-align: center;
}

.calendar thead .name { /* Cells <TD> containing the day names */
	padding: 2px;
	text-align: center;
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #000;
	font-weight: bold;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	background-color: #fff;
	text-align: right;
	padding: 2px 4px 2px 2px;
	line-height: 18px;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
	color: #666;
}
.calendar tbody .wn th {
	/*background-image: url("/themes/Default/images/monthCalBodyTHWeekBg.gif");
	background-repeat: repeat-x;
	background-position: top;*/
	background-color: #dadada;
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
}
.calendar tbody .wn {
	background-color: #eeeeee;
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #ccc;
}
 
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.weekend {
	background: #f6f6f6;
}

.calendar tbody .rowhilite td.wn {
	background: #fff;
}

.calendar tbody td.hilite, .calendar tbody td.weekend.hilite { /* Hovered cells <TD> */
	background-color: #f8f7f7;
	padding: 2px 2px 0px 0px;
	border: 1px solid #9e9e9e;
}

.calendar tbody td.today { /* Cell showing today date */
	font-weight: bold;
	color: #666;
	padding: 1px 2px 0px 0px;
	border: 1px solid #999;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	padding: 1px 2px 0px 0px;
	border: 1px solid;
	border-color: #000 #fff #fff #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #666;
	background: #f9f9f9;
}

.calendar tbody td.selected { /* Cell showing selected date */
	font-weight: bold;
	padding: 1px 2px 0px 0px;
	border: 1px solid #666;
	background: #eee;
	color: #000;
}

.calendar tbody .disabled {
	color: #999;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	background-color: #eee;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #e8f0f4;
	padding: 1px;
	border-top: 1px solid #ccc;
	background: #dfdfdf;
	color: #000;
	text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/*
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
*/

.missing {
	font-style: italic;
}

.listViewMeta {
	position: relative;
}
.listViewTd .icon-mark-left {
	position: absolute;
	top: 1px;
	left: -8px;
}
/* dynamic list control */
.depthRow .depthColumn {
	background-image: url("/themes/Default/ui/offset_left.png");
	background-position: 1px 0;
	background-repeat: no-repeat;
}
.depth1 .depthColumn {
	padding-left: 20px;
}
.depth2 .depthColumn {
	padding-left: 40px;
	background-position: 21px 0;
}
.depth3 .depthColumn {
	padding-left: 60px;
	background-position: 41px 0;
}
.depth4 .depthColumn {
	padding-left: 80px;
	background-position: 61px 0;
}
.depth5 .depthColumn {
	padding-left: 100px;
	background-position: 81px 0;
}

@media only print {
	.requiredStar {
		color: red;
		font-size: 100%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5)
	/*, only screen and (min-resolution: 1.5dppx) Firefox 18 - svg not currently upsampled */
{
	.input-icon, .requiredStar, .mini-close, .dialog-resizer {
	    background-image: url("/themes/Default/ui/ui.svg");
	}
	.input-arrow, .input-inline-arrow {
		background-image: url("/themes/Default/ui/bullets.svg");
		background-position: right 0;
	}
	.sectionOpen .input-arrow {
		background-image: url("/themes/Default/ui/bullets.svg");
		background-position: right -40px;
	}
	.sectionClosed .input-arrow, .menu-source .input-arrow, .bar-insert .input-arrow {
		background-image: url("/themes/Default/ui/bullets.svg");
		background-position: right -20px;
	}
	.form-button.menu-source .input-arrow {
		background-position: right -19.5px;		
	}
	.sectionClosed .input-arrow, .sectionOpen .input-arrow {
		position: relative;
		top: -1px;
	}
	.popupMenuSource .input-arrow {
		background-position: right 2px;
	}
}