/*
 * Common styles
 */
html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div, input, textarea, .borderBox {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

body {
	font-family: Arial,Helvetica,sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

a {
	color: #555
}

a:hover {
	color: #000
}

table {
	empty-cells: show;
}
 
.stdBorders {
	border: 1px solid #83B0D4;
}

.rendererHidden, .absoluteSize {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.displayNone {
	display: none !important;
}

.visibilityHidden {
	visibility: hidden;
}

.hiddenFocused {
	outline: 0px;
}

.pointer {
	cursor: pointer;
}

.center {
	text-align: center;
}

.centerBlock {
	margin: 0 auto !important;
}

.rightBlock {
	margin: 0 0 0 auto !important;
}

.opacity80 {
	-moz-opacity: 0.8;
	opacity:.80;
}

.opacity60 {
	-moz-opacity: 0.6;
	opacity:.60;
}

.opacity40 {
	-moz-opacity: 0.4;
	opacity:.40;
}

.opacity20 {
	-moz-opacity: 0.2;
	opacity:.20;
}

.opacity5 {
	-moz-opacity: 0.1;
	opacity:.1;
}

.opacity0 {
	-moz-opacity: 0;
	opacity: 0;
}

.bgWhite {
	background-color:#fff;
}

.bgGray {
	background-color:#eee;
}

.red {
	color: red;
}

.green {
	color: green;
}

.blue {
	color: blue;
}

.orange {
	color: orange;
}

.yellow {
	color: yellow;
}

.purple {
	color: purple;
}

.white {
	color: white;
}

.redFill {
	color: #FF4C4C;
	background-color: #FFD7D7 !important;
}

.greenFill {
	color: green;
	background-color: #E1FFD7 !important;
}

.yellowFill {
	color: #888536;
	background-color: #FFECBD !important;
}

.grayFill {
	color: #777;
	background-color: #DDD !important;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.redBold {
	color: red;
	font-weight: bold;
}

.gray, .gray a {
	color: #888 !important;
}

.middle {
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

.hiddenChilds * {
	display: none;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('text-overflow.xml#ellipsis');
}

.shadow {
	-moz-box-shadow: 2px 2px 4px #777;
	-webkit-box-shadow: 2px 2px 4px #777;
	box-shadow: 2px 2px 4px #777;
}

.shadow2 {
	-moz-box-shadow: 2px 2px 15px #555;
	-webkit-box-shadow: 2px 2px 15px #555;
	box-shadow: 2px 2px 15px #555;
}

.cursorHResize {
	cursor: e-resize !important;
	cursor: col-resize !important;
}

.cursorOpenHand {
	cursor: move;
	cursor: -moz-grab;
	/*cursor: -webkit-grab;*/
	cursor: grab;
}

.cursorClosedHand {
	cursor: move;
	cursor: -moz-grabbing;
	/*cursor: -webkit-grabbing;*/
	cursor: grabbing;
}

.outRed {
	outline: 2px solid red !important;
}

.outGreen {
	outline: 2px solid green !important;
}

.borderRed {
	border: 1px solid red !important;
}

.borderGreen {
	border: 1px solid green !important;
}

.borderGray {
	border: 1px solid #CCC !important;
}

.gradientMain {
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;

	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #E1F3FF 0%, #C1D8FF 40%, #A8CCFF 40%, #C7DDFF 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #E1F3FF 0%, #C1D8FF 40%, #A8CCFF 40%, #C7DDFF 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #E1F3FF 0%, #C1D8FF 40%, #A8CCFF 40%, #C7DDFF 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1F3FF), color-stop(0.4, #C1D8FF), color-stop(0.4, #A8CCFF), color-stop(1, #C7DDFF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #E1F3FF 0%, #C1D8FF 40%, #A8CCFF 40%, #C7DDFF 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #E1F3FF 0%, #C1D8FF 40%, #A8CCFF 40%, #C7DDFF 100%);
}

.gradient {
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;

	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #F8F8F8 0%, #EBEBEB 40%, #D5D5D5 40%, #EFEFEF 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #F8F8F8 0%, #EBEBEB 40%, #D5D5D5 40%, #EFEFEF 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #F8F8F8 0%, #EBEBEB 40%, #D5D5D5 40%, #EFEFEF 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F8F8F8), color-stop(0.4, #EBEBEB), color-stop(0.4, #D5D5D5), color-stop(1, #EFEFEF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #F8F8F8 0%, #EBEBEB 40%, #D5D5D5 40%, #EFEFEF 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #F8F8F8 0%, #EBEBEB 40%, #D5D5D5 40%, #EFEFEF 100%);
}

.nowrap {
	white-space: nowrap !important;
}

.wrap {
	white-space: normal !important;
}

.preWrap {
	white-space: pre-wrap !important;
}

.pre {
	white-space: pre !important;
}

.paddingT10 {
	padding: 10px;
}

.paddingTR10 {
	padding: 10px 10px 10px 0px;
}

.paddingB10 {
	padding: 0px 10px 10px 10px;
}

.paddingBR10 {
	padding: 0px 10px 10px 0px;
}

.paddingRBL10 {
	padding: 0px 10px 10px 10px;
}

.margin10 {
	margin: 10px;
}

.margin5 {
	margin: 5px;
}

.margin0 {
	margin: 0px;
}

.marginR10 {
	margin-left: 10px;
}

.marginB10 {
	margin-top: 10px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.padding0 {
	padding: 0px !important;
}

.padding5 {
	padding: 5px !important;
}

.padding10 {
	padding: 10px !important;
}

.border0, a.border0:link, a.border0:active, a.border0:visited {
	border: 0 !important;
	outline: 0 !important;
}

.overOpacity:hover {
	-moz-opacity: 1;
	opacity: 1;
}

.overOutline:hover {
	outline: 1px solid #CCC;
}

.bgw {
	background-color: white;
}

.bgb {
	background-color: black;
}

.bgg {
	background-color: gray;
}

.monospace {
	font-family: monospace !important;
}

.font9 {
	font-size: 9px !important;
}

.font10 {
	font-size: 10px !important;
}

.font12 {
	font-size: 12px !important;
}

.font14 {
	font-size: 14px !important;
}

.font16 {
	font-size: 16px !important;
}

.font18 {
	font-size: 18px !important;
}

.font20 {
	font-size: 20px !important;
}

.borderRadius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rotate90 {
	-moz-transform:rotate(-90deg);
	-moz-transform-origin: center center;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin: center center;
	-o-transform:rotate(-90deg);
	-o-transform-origin: center center;
	-ms-transform:rotate(-90deg);
	-ms-transform-origin: center center;
}

.verticalAlignBottom {
	vertical-align: bottom !important;
}

.verticalAlignTop {
	vertical-align: top !important;
}

.underlineDotted {
	border-bottom: 1px dotted #000;
}

.underline {
	text-decoration: underline;
}

.lineThrough {
	text-decoration: line-through;
}

.noselect {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}

.inlineBlock {
	display: inline-block !important;
}

.block {
	display: block !important;
}

.animated {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	-o-animation: 1s ease;
	animation: 1s ease;
}

.animatedInfinity {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-10deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(10deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-10deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-10deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(10deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-10deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-10deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(10deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-10deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-10deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(10deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-10deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-10deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(10deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-10deg);}
	100% {transform: scale(1) rotate(0);}
}

.animatedTada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-ms-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}

.separator {
	background-color: #CACACA;
	height: 1px;
	line-height: 1px;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.overflowAuto {
	overflow: auto;
}

.even {
	background-color: #F0F7FC;
}

.odd {
	background-color: #FFF;
}

.nodataCell .nodataTable {
	width: 100%;
	background-color: #FFF;
}

.nodataCell .nodataTable td {
	color: #777;
	font-style: italic;
	text-align: center;
	font-size: 12px;
}

.bw {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.w100 {
	width: 100%;
}

table td.selected {background: rgba(0, 0, 255, 0.15);}
table td.selected.border-top {border-top: 1px dotted #488bf0 !important;}
table td.selected.border-bottom {border-bottom: 1px dotted #488bf0 !important;}
table td.selected.border-left {border-left: 1px dotted #488bf0 !important;}
table td.selected.border-right {border-right: 1px dotted #488bf0 !important;}
table.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
 * Default focus
 */
 
.defaultFocus {
	position: fixed;
	left: 0px;
	top: 0px;
}

/*
 * Std loading
 */
.stdLoading {
	/*border: 1px solid #EEE;*/
	background-color: #FFF;
}

.stdLoading .content {
	font-size: 16px;
	text-align: center;
	background-color: #FFF;
}

.stdLoading img {
	margin-bottom: -3px;
}

/*
 * Loading
 */

.loading {
	background: white no-repeat center center;
}

.loading > * {
	visibility: hidden;
	border: none !important;
}

/*
 * Grid module header cell
 */
.gridModuleHeaderCell {
	border-right: 1px solid #AAA;
	white-space: pre;
	overflow: hidden;
	background-color: #B4D7FF;
}

.gridModuleHeaderCell .traingleUpBlack,
.gridModuleHeaderCell .traingleUpGray,
.gridModuleHeaderCell .traingleDownBlack,
.gridModuleHeaderCell .traingleDownGray
{
	width: 0px;
	height: 0px;
	border-style: solid;
	display: inline-block;
	-webkit-transform: rotate(360deg);
}

.gridModuleHeaderCell .traingleDownBlack,
.gridModuleHeaderCell .traingleDownGray {
	border-width: 6px 4px 0;
}
.gridModuleHeaderCell .traingleDownBlack {
	border-color: #777 transparent transparent transparent;
}
.gridModuleHeaderCell .traingleDownGray {
	border-color: #aaa transparent transparent transparent;
}

.gridModuleHeaderCell .traingleUpBlack,
.gridModuleHeaderCell .traingleUpGray {
	border-width: 0 4px 6px
}
.gridModuleHeaderCell .traingleUpBlack {
	border-color: transparent transparent #777 transparent;
}
.gridModuleHeaderCell .traingleUpGray {
	border-color: transparent transparent #999 transparent;
}

.gridModuleHeaderCell .sortBlack {
	color: #777;
}
.gridModuleHeaderCell .sortGray {
	color: #aaa;
}

.gridModuleHeaderCell .sortBlack,
.gridModuleHeaderCell .sortGray
{
	text-align: center;
	white-space: nowrap;
	font-size: 8px;
	line-height: 8px;
}

.gridModuleHeaderCell .caption {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #777;
	padding: 4px 6px;
	text-align: center;
}

.gridModuleHeaderCell.sortable.inactive .caption {
	margin: 4px 0px;
}

.gridModuleHeaderCell.sortable:hover .caption,
.gridModuleHeaderCell.sortable:hover .sortPlace
{
	color: #333 !important;
}
.gridModuleHeaderCell.sortable:hover .traingleUpBlack,
.gridModuleHeaderCell.sortable:hover .traingleUpGray
{
	border-color: transparent transparent #333 transparent !important;
}
.gridModuleHeaderCell.sortable:hover .traingleDownBlack,
.gridModuleHeaderCell.sortable:hover .traingleDownGray
{
	border-color: #333 transparent transparent transparent !important;
}


/*
 * Popup
 */

.popup {
	position: absolute;
	top: 0;
	left: 0;
}

.popupOverlay {
	position: absolute;
	left: expression( document.body.scrollLeft + 'px' );
  	top: expression( document.body.scrollTop + 'px' );
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.animationPopupShow {
	-webkit-animation-name: animationPopupShow;
	animation-name: animationPopupShow;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes animationPopupShow {
	0%   { opacity: 0; -webkit-transform: scale(.9); }
	100% { opacity: inherited; -webkit-transform: inherited;  }
}

@keyframes animationPopupShow {
	0%   { opacity: 0; transform: scale(.9); }
	100% { opacity: inherited; transform: inherited;  }
}

.animationPopupHide {
	-webkit-animation-name: animationPopupHide;
	animation-name: animationPopupHide;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes animationPopupHide{
	0%   { opacity: inherited; -webkit-transform: inherited;   }
	100% { opacity: 0; -webkit-transform: scale(0.9); }
}

@keyframes animationPopupHide {
	0%   { opacity: inherited; transform: inherited;   }
	100% { opacity: 0; transform: scale(0.9); }
}

/*
 * Filter
 */
.gridModuleFilterCell {
	border-right: 1px solid #BBB;
	border-top: 1px solid #BBB;
	background-color: #F3F3F3;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	height: 22px;
}

.gridModuleFilterCell .filterPlace {
	width: 100%;
	height: 22px;
	line-height: 22px;
	font-size: 1px;
}

.gridModuleFilterCell .removeLine {
	border-right: 1px solid #BBB;
	background-color: red;
	height: 2px;
}

.gridModuleFilterCell.active,
.gridModuleFilterCell.active .bgw {
	background-color: #CBFF96 !important;
}

.removeFilterPopup {
	background-color: red;
	border: 1px solid #BB0000;
	color: #FFF;
}

.gridModuleFilterDisabled {
	background-color: #DDD;
}

/*
 * Common button
 */
.commonButton {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	color: black;
	cursor: default;
}

.commonButton * {
	display: inline-block;
	vertical-align: middle;
}

/*
 * Normal state
 */
.commonButtonNormal {
	border: 1px solid #CCC;
	border-bottom: 1px solid #BBB;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #DDDDDD));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #F5F5F5 0%, #DDDDDD 100%);
	-webkit-background-clip: padding-box;
}
.commonButtonNormal:hover {
	border: 1px solid #AAA;
}

/*
 * Down state
 */
.commonButtonDown {
	border: 1px solid #555 !important;
	background: #BBB !important;
	box-shadow: inset 1px 1px 10px rgba(40,40,40,1), rgba(40,40,40,1) 0px 0px 0px !important;
	-webkit-background-clip: padding-box !important;
}

/*
 * Disabled state
 */
.commonButtonDisabled {
	border: 1px solid #CCC;
	color: #999;
	background-color: #EEE;
}
.commonButtonDisabled * {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

/*
 * Padding
 */
.commonButtonPadding {
	padding: 2px 6px;
	min-height: 20px;
}

.gridViewManager .editButton {
	background: #777 !important;
	color: #FFF;
	border: 1px solid black;
}

/* Red */
.gridViewManager .buttonRedNormal {
	border-top: 1px solid #C84949;
	border-left: 1px solid #C84949;
	border-bottom: 1px solid #AB3E3E;
	border-right: 1px solid #AB3E3E;
	background-color: #FF7777;
	color: #FFF;
}
.gridViewManager .buttonRedNormal:hover {
	border: 1px solid #893333;
}
.gridViewManager .buttonRedDown {
	border: 1px solid #893333 !important;
	background: #E36969 !important;
	box-shadow: inset 1px 1px 10px rgba(40,40,40,1), rgba(40,40,40,1) 0px 0px 0px !important;
	-webkit-background-clip: padding-box !important;
	color: #FFF;
}

/* Green */
.gridViewManager .buttonGreenNormal {
	border-top: 1px solid #5BBC51;
	border-left: 1px solid #5BBC51;
	border-bottom: 1px solid #4B9D42;
	border-right: 1px solid #4B9D42;
	background-color: #6DE062;
	color: #FFF;
}
.gridViewManager .buttonGreenNormal:hover {
	border: 1px solid #418939;
}
.gridViewManager .buttonGreenDown {
	border: 1px solid #418939 !important;
	background: #63CC59 !important;
	box-shadow: inset 1px 1px 10px rgba(40,40,40,1), rgba(40,40,40,1) 0px 0px 0px !important;
	-webkit-background-clip: padding-box !important;
	color: #FFF;
}

/* Orange */
.gridViewManager .buttonOrangeNormal {
	border-top: 1px solid #EA8022;
	border-left: 1px solid #EA8022;
	border-bottom: 1px solid #D7751E;
	border-right: 1px solid #D7751E;
	background-color: #FF8C25;
	color: #FFF;
}
.gridViewManager .buttonOrangeNormal:hover {
	border: 1px solid #D7751E;
}
.gridViewManager .buttonOrangeDown {
	border: 1px solid #D7751E !important;
	background: #EA8022 !important;
	box-shadow: inset 1px 1px 10px rgba(40,40,40,1), rgba(40,40,40,1) 0px 0px 0px !important;
	-webkit-background-clip: padding-box !important;
	color: #FFF;
}

/*
 * List
 */
.list {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #F9FDFF;
	padding: 2px;
}

.list .listItemSelected {
	background-color: #78C8F0;
}

.list .listItemActive {
	outline: 1px dotted #555;
}

.listItemMovingLine {
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	margin-bottom: -2px;
	background-color: red;
}

/*
 * viewPort
 */
.viewPort {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.viewPort .viewPortInterLayer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.viewPort .viewPortInterLayer .viewPortContent {
	width: 100%;
	height: 100%;
	position: relative;
}

/*
 * Layout boxes
 */
.layoutCellContent {
	display: inline-block;
}

.layoutCellStretch {
	overflow: hidden;
}

/*
 * Vertical align box
 */
.valignBox {
	display: table;
}

.valignBox .valignBoxContent {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.menuItem {
	height: 20px;
	cursor: default;
	font-size: 12px;
	line-height: 20px;
}
.menuItem:hover {
	background-color: #BFE4F2;
}

.menuItem.disabled {
	opacity: 0.3;
}
.menuItem.disabled:hover {
	background-color: unset;
}

.menuItem .caption {
	white-space: nowrap;
}

/*
 * Chartbox
 */

.chartBox {
    position: relative;
}

/*
 * Linebox
 */
.lineBox {
	display: table;
}
.lineBoxCell {
	display: table-cell;
	vertical-align: middle;
}.lineBox .lineBoxCell.wrap {
	margin-bottom: 3px;
}

/*
 * layoutCollapsed
 */
.layoutCollapsed {
	position: relative;
	width: 100%;
	height: 100%;
}
/*horizontal*/
.layoutCollapsedArrowBoxH {
	width: 14px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: white;	
}
.layoutCollapsedArrowH {
	margin-top: 17px;
	margin-left: 2px;
}
.layoutCollapsed div.layoutCollapsedCellHCollapsed,
.layoutCollapsed div.layoutCollapsedCellHFixed
{
	position: absolute;
	top: 0px;
	bottom: 0px;
}
.layoutCollapsed div.layoutCollapsedCellHCollapsed
{
	left: 0px;
	border-right: 1px solid #CCC;
}
.layoutCollapsed div.layoutCollapsedCellHFixed
{
	right: 0px;
}
/*vertical*/
.layoutCollapsedArrowBoxV {
	width: 50px;
	height: 14px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: white;	
}
.layoutCollapsedArrowV {
	margin-left: 17px;
	margin-top: 2px;
}
.layoutCollapsed div.layoutCollapsedCellVCollapsed,
.layoutCollapsed div.layoutCollapsedCellVFixed
{
	position: absolute;
	left: 0px;
	right: 0px;
}
.layoutCollapsed div.layoutCollapsedCellVCollapsed
{
	top: 0px;
	border-bottom: 1px solid #CCC;
}
.layoutCollapsed div.layoutCollapsedCellVFixed
{
	bottom: 0px;
}

/*
 * Prearea
 */
.prearea {
	position: relative;
}
.prearea .preareaContent {
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	overflow: auto;
}
.prearea .preareaContent pre {
	font-family: Arial;
	font-size: 12px;
}

/*
 * Panel
 */
.group {
	position: relative;
	display: inline-block;
}

.group .groupHeader {
	left: 0px;
	width: 100%;
}

.group .groupContent
{
	position: relative;
	display: inline-block;
	width: 100%;
}

.group .groupHeader .leftCell,
.group .groupHeader .rightCell
{
	vertical-align: bottom;
}

.group .groupHeader .left,
.group .groupHeader .right
{
	height: 10px;
}

.group .groupHeader .right {
	border-right: 1px solid #5D94C2;
	border-top: 1px solid #5D94C2;
	border-top-right-radius: 5px;
}

.group .groupHeader .left {
	border-left: 1px solid #5D94C2;
	border-top: 1px solid #5D94C2;
	border-top-left-radius: 5px;
	width: 15px;
}

.group .groupHeader .groupCaption {
	font-size: 14px;
	padding: 4px;
	color: #5D94C2;
}

.group .groupContentStretch {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.group .groupHeader .captionCollapse {
	border-bottom: 1px dotted #5D94C2;
	cursor: pointer;
}

.group .groupContent {
	padding: 5px;
	border-left: 1px solid #5D94C2;
	border-right: 1px solid #5D94C2;
	border-bottom: 1px solid #5D94C2;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.groupCollapsed .groupContent {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.groupCollapsed .groupHeader .left,
.groupCollapsed .groupHeader .right
{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-left: none !important;
	border-right: none !important;
	border-color: #CCC !important;
}

.groupCollapsed .groupHeader .groupCaption {
	color: #CCC !important;
	border-bottom: 1px dotted #CCC !important;
}

/*
 * Padding box
 */
.paddingBox {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * Panel
 */
.panel {
	border-collapse: collapse;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.panel .panelHeader {
	border-bottom: 1px solid #CCC;
	padding: 0 6px;
	font-size: 14px;
	color: #000;
}

/*
 * Progress bar
 */
.progressBar {
	width: 100px;
	height: 10px;
	position: relative;
	background-color: white;
	overflow: hidden;
}

.progressBar .slider {
	position: absolute;
	background-color: #69A7DB;
	top: 0px;
	bottom: 0px;
	left: 0px;
}

.progressBar .leftCaption,
.progressBar .rightCaption {
	position: absolute;
	top: 0;
	bottom: 0;
	font-size: 8px;
	text-align: center;
	left: 0;
	right: 0;
	display: table-cell;
}
.progressBar .leftCaption {
	color: white;
}
.progressBar .rightCaption {
	color: #69A7DB;
}

/*
 * Grid module edit
 */
.gridModuleEdit {
	position: absolute;
	margin-top: -1px;
	min-height: 18px;
}

.gridModuleEdit .tableModel {
	height: 100%;
	margin-bottom: 0 !important;
}

.gridModuleEdit .gridModuleEditCell {
	border-right: 1px solid #DDDDDD;
	background-color: #DCF4DC;
	padding: 1px;
	font-size: 8pt;
	white-space: nowrap;
	overflow: hidden;
}

.gridModuleEdit .gridModuleEditCell .textbox,
.gridModuleEdit .gridModuleEditCell .inlineControl,
.gridModuleEdit .gridModuleEditCell .file
{
	height: 16px !important;
	width: 100% !important;
}
.gridModuleEdit .gridModuleEditCell .textarea {
	height: 100% !important;
	width: 100% !important;
}

.gridModuleEdit .last {
	background-color: #E8E8E8;
}

.gridModuleEditCellStatic {
	padding: 2px 4px !important;
}

.gridModuleEdit .gridModuleEditCellChanged {
	background-color: #70DE62 !important;
}

/*
 * Header
 */
.gridModuleHeader {
	 overflow: hidden;
}

.gridHeader th.last {
	border-right: none;
	padding: 0px;
	overflow: visible;
	background-color: #D4E8FF;
}

/*
 * Changed splash
 */
.gridHeader .changedSplash {
	background-color: #CBFF96;
	font-size: 14px;
	padding: 3px;
}
.gridHeader .changedSplash table {
	border-top: 1px solid #CCCCCC;
	width: 100%;
}
.gridHeader .changedSplash table td {
	text-align: center;
}

/*
 * gridModuleTotal
 */
.gridModuleTotal {
	overflow: hidden;
	background-color: #DDD;
}
 
.gridModuleTotal .gridModuleTotalLine .gridModuleTotalLineCell {
	height: 24px;
	border-right: 1px solid #BBBBBB;
	font-weight: bold;
	padding: 1px 4px;
	overflow: hidden;
	white-space: nowrap;
}

.gridModuleTotal .gridModuleTotalLine .last {
	background-color: #EEEEEE !important;
	border-right: none !important;
}

.gridModuleTotal .gridModuleTotalHeader .gridModuleTotalHeaderCell {
	background-color: #B4D7FF;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	color: #777777;
	white-space: pre;
	text-align: center;
	padding: 2px;
	overflow: hidden;
}

.gridModuleTotal .gridModuleTotalHeader .last {
	border-bottom: 1px solid #CCC;
	border-right: none !important;
}

/*
 * Grid module block
 */
.gridModuleBlock {
	background-color: #FFF;
}

.gridModuleBlock .blockContent {
	padding: 1px;
	border: 1px solid #FFF;
	background-color: #F5F5F5;
}

/*
 * HBOX
 */

.layoutHBox {
    position: relative;
}

.layoutHBox .layoutHBoxCell {
    position: absolute;
}

/*
 * Button
 */

.button {
	cursor: default;
}

.button .content {
	margin: -1px 0 0 -1px;
	border: 1px solid #ADBDD6;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

.button .content .text {
	margin: 0 2px;
	white-space: nowrap;
	font-size: 12px;
	padding: 1px;
}

.button .content:hover {
	background-color: #EFF5FF;
	border: 1px solid #316AC5;
}

/*
 * Vbox
 */
 .layoutVBox {
 	position: relative;
 }
 
 .layoutVBox .layoutVBoxCell {
 	position: absolute;
 }

/*
 * menu
 */
.popupMenu {
	border: 1px solid #AAA;
	background-color: white;
}

.popupMenu table {
	margin: 2px;
}

.popupMenu .icon {
	width: 22px;
	padding-left: 2px;
}

.popupMenu .scrollTop, .popupMenu .scrollBottom {
	height: 10px;
	background-color: #E6E6E6;
	cursor: pointer;
}

.popupMenu .content {
	overflow-y: hidden;
}

.popupMenu .content .postIcon {
	width: 16px;
}

.popupMenu .content .caption {
	white-space: nowrap;
	padding: 0 4px;
}

.popupMenu .iconBg {
	background-color: #EEE;
	z-index: -1;
}

.menuItemSeparator {
	height: 10px;
}

.popupMenuFocus {
	width: 1px;
	position: absolute;
}

/*
 * viewPortOverflow
 */
.viewPortOverflow {
	position: relative;
}
.viewPortOverflow .viewPortOverflowItem {
	position: absolute;
}
.viewPortOverflow .viewPortOverflowItem .iconV {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -8px;
}
.viewPortOverflow .viewPortOverflowItem .iconH {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -5px;
}


/*
 * List item caption
 */
.listItemCaption {
	background-color: transparent;
	cursor: default;
	font-size: 8pt;
}

.listItemCaption .listItemCaptionContent {
	height: 16px;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 4px;
}

/*
 * Tree item
 */

.treeItem {
	cursor: default;
	white-space: nowrap;
	font-size: 12px;
	min-height: 16px;
}

.treeItem .icon {
	float: left;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.treeItem .content {
}

/*
 * Tooltip
 */
.tooltip {
	background-color: #FFF9DB;
	border: 1px solid #BFBBA4;
	cursor: default;
	padding: 5px;
	font-size: 14px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: pre;
}

/*
 * Grid module rowset
 */
.gridModuleRowset {
	overflow: scroll;
	/*bottom: -1px;*/
	background-color: #EEEEEE;
	width: 100%;
	height: 100%;
	position: relative;
}

.gridModuleRowset div.editToolbar {
	background-color: #DCF4DC;
	padding: 3px;
	border-top: 1px solid #AAA;
}

.gridModuleRowset div.editToolbarSingle {
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top: none !important;
	width: 76px;
	-moz-box-shadow: 4px 4px 3px #AAA;
	-webkit-box-shadow: 4px 4px 3px #AAA;
	box-shadow: 4px 4px 3px #AAA;
}

.gridModuleRowset .moreRowsButton {
	background: #FFF url("img/down-bg.png") repeat-x center center;
	height: 30px;
	border-top: 1px solid #DDDDDD;
}

.gridModuleRowset .moreRowsButton:hover {
	background-color: #EEE;
}

.gridModuleRowset div.editToolbar .editToolboxButton {
	-moz-opacity: 0.5;
	opacity: 0.50;
}

.gridModuleRowset div.editToolbar div.editToolboxButton:hover {
	-moz-opacity: 1;
	opacity: 1;
}

.gridBody tr.row td.tableCell {
	border-right: 1px solid #DDDDDD;
	font-size: 8pt;
	overflow: hidden;
}

.gridBody tr.row td.tableCellDynamic {
	padding: 1px;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
.gridBody tr.row td.tableCellDynamic .textbox,
.gridBody tr.row td.tableCellDynamic .inlineControl,
.gridBody tr.row td.tableCellDynamic .file {
	height: 16px !important;
	width: 100% !important;
}

.gridBody tr.row td.tableCellDynamic .cell {
	display: none;
}

.gridBody tr.row td.tableCell .cell {
	padding: 2px 4px;
	white-space: pre;
}

.gridBody {
	background-color: #FFF;
}

.gridBody tr.row td.last {
	border-right: none !important;
}

.gridBody tr.gridSubRow td.gridSubCell {
	background: #EEE no-repeat 10px 2px;
	padding: 5px 5px 5px 30px;
}

.tableModel .listItemSelected td.tableCell {
	background: #A8D8F0;
	background: rgba(0, 0, 255, 0.15);
}

.tableModel .listItemActive {
	outline: 1px dotted green;
	outline-offset: -1px;
}

.tableModel .gridBody td.tableCell {
	/*-moz-opacity: 0.5;
	opacity: 0.50;*/
}

.clipboardBox {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}


/*
 * window
 */
.window {
	min-width: 150px;
	min-height: 100px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.window .windowHeader {
	font-size: 15px;
	color: #000;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
	border-bottom: 1px solid #CCC;
	cursor: default;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.window .windowHeader .toolIcon {
}

.window .windowBody {
	min-height: 60px;
	background-color: #FFF;
}

.window .windowFooter {
	height: 15px;
	border-top: 1px solid #CCC;
	background-color: #F5F5F5;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.window .windowFooter .resize {
	cursor: se-resize;
	float: right;
}

.windowOutbox {
	border: 1px dotted black;
	background-color: #C4C4FF;
}

/*
 * Toolbar
 */
.toolbar {
	overflow: hidden;
	background-color: #F5F5F5;
}

.toolbarFirstSeparator {
	border-left: 2px dotted #BBB;
	width: 1px;
	height: 22px;
}

.toolbarSeparator {
	border-left: 1px solid #CCC;
	width: 0;
	height: 22px;
}

/*
 * Grid module params rowset
 */
.gridModuleRowsetParams .gridBody tr.row td.tableCell {
	padding: 1px;
}

/*
 * Splitter
 */
div.splitter:hover {
	background-color: #FFF;
}

.splitterH {
	height: 100%;
	cursor: e-resize;
	cursor: col-resize;
}

.splitterV {
	width: 100%;
	cursor: s-resize;
	cursor: row-resize;
}

/*
 * Wizard
 */
.wizard {
	width: 100%;
	height: 100%;
}

.wizard .wizardButtons {
	border-top: 1px solid #CCC;
	padding: 10px;
	background-color: #F1F1F1;
}

.wizard .wizardButtons .wizardButtonsLine {
	 float: right;
}

.wizard .wizardButtons .wizardButtonsLine .hboxCell {
	padding-left: 10px;
}

.wizard .wizardContent {
	padding: 10px;
}

/*
 * Tab
 */
.tabCommon {
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 2px 4px 4px;
	font-size: 14px;
	cursor: pointer;
	white-space: pre;
}

.tabActive {
	border-color: #CCC;
	background-color: #F6F6F6;
	height: 27px;
}

.tabInactive {
	height: 25px;
	margin-top: 2px;
	border-color: #CCC;
	padding-top: 2px;
	background-color: #E5E5E5;
	
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 5px);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 5px);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 5px);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.3)), color-stop(0.1, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 5px);
	background-image: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 5px);
}

/*
 * TabBar
 */
 
.tabBar .bottomBorder {
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #CCC;
	position: absolute;
}

.tabBar .newTab {
	padding: 4px;
}

/*
 * Tab container
 */
.tabContainer .tabContent {
	padding: 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F6F6F6;
}

/*
 * Msgbox
 */
.msgbox .msgboxIcon {
	margin: 10px;
	float: left;
}

.msgbox .msgboxContent {
	padding: 10px 10px 10px 0;
	float: left;
	max-width: 600px;
	min-width: 300px;
}

.msgbox .msgboxButtons {
    padding-bottom: 10px;
	clear: both;
}
.msgbox .msgboxButtons .commonButton {
	margin: 0 5px;
}

.msgbox .msgbox-left {
	float: left;
}
.msgbox .msgbox-right {
	width: auto;
	float: right;
	margin-left: 20px;
}

.msgbox .msgbox-container {
	padding: 10px;
}

/*
 * Toolbar
 */
.toolbarIconButton {
	width: 22px;
	height: 22px;
	cursor: pointer;
	line-height: 19px;
}

/*
 * Toolbar button menu
 */
.toolbarIconButtonMenu {
	cursor: pointer;
	width: 35px;
	height: 22px;
	line-height: 19px;
	padding-left: 2px;
}

.toolbarIconButtonMenuCell {
	cursor: pointer;
	padding: 2px;
	margin-left: 3px;
	line-height: 16px;
}

.toolbarIconButtonMenuCell:hover {
	background-color: #CCC;
	background-image: none;
}

.toolbarIconButtonMenuDisabled {
	padding: 2px;
	background-color: #CCC !important;
	background-image: none !important;
	-moz-opacity: 0.2;
	opacity: .20;
	margin-left: 3px;
	line-height: 16px;
}

.toolbarIconButtonMenuActive {
	margin-left: 3px;
	padding: 2px;
	background-color: #AAA !important;
	background-image: none !important;
	line-height: 16px;
}


/*
 * Bubble popup
 */
.bubblePopup {
	border-left: none !important;
	border-top: none !important;
}

.bubbleBorder {
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
}

/*
 * filterItem
 */
.filterItemDeactivate {
	background-image: none !important;
	background-color: #F3F3F3 !important;
}
.filterItemDeactivate .inputContainer {
	background-image: none !important;
	background-color: #F3F3F3 !important;
}

/*
 * Textbox
 */
.textbox {
	height: 22px;
	width: 200px;
	padding: 0 2px;
	font-size: 8pt;
	font-family: Geneva,Arial,Helvetica,sans-serif;
}

.textboxNumeric {
	width: 100px;
	text-align: right;
}

.textboxDisabled {
	background-color: #DDD !important;
	border: 1px solid #BBB !important;
	color: #999 !important;
}

/*
 * Checkbox
 */
.checkbox {
	width: 16px;
	height: 16px;
	padding: 0px !important;
	background: #F1F1F1 !important;
	box-shadow: none !important;
	line-height: 16px;
	font-size: 10px;
}
.checkbox * {
	display: inline-block;
	vertical-align: baseline !important;
}

.checkbox .checkboxUndefined {
	width: 10px;
	height: 10px;
	background-color: #777;
}

/*
 * Pagebox
 */
.pagebox {
	overflow: hidden;
	font-size: 12px;
	height: 22px;
}

.pagebox .pageContainer {
	white-space: nowrap;
	line-height: 16px;
	text-align: center;
}

.pagebox .pageContainer .page {
	padding: 0 4px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
}

.pagebox .pageContainer .pageActive {
	background-color: #AAA;
	color: white;
	border: 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pagebox .pageContainer .pageInactive {
	cursor: pointer;
	text-decoration: underline;
}

/*
 * File
 */
.file {
	height: 22px;
	width: 200px;
	background-color: #FFF;
	position: relative;
	border: 1px solid #FFF;
	overflow: hidden;
}
.fileHover {
	background-color: #DDD !important;
}

/* COMMON */
.file .middleText {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	padding: 0px 4px;
	text-align: center;
	overflow: hidden;
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	margin-top: -6px;
	white-space: nowrap;
}
.file .stretch {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.file .input {
	position: absolute;
	height: 20px;
	line-height: 20px;
	width: 220px;
	-moz-opacity: 0;
	opacity: 0;
	z-index: 10;
}
.file .icon {
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -8px;
}

.file.fileDotted {
	border: 1px dotted #555;
}
.file.fileSolid {
	border: 1px solid #BBB;
}

/* Default */
.file.fileMode_default:hover {
	background-color: #EEE;
}

/* Uploading */
.file .uploadingProgress {
	position: absolute;
	top: 0px;
	right: 20px;
	bottom: 0px;
	left: 0px;
}

/* File container */
.file .fileInputContainer {
	overflow: hidden;
}

/*
 * daybox
 */
.daybox td {
	width: 20px;
	text-align: center;
	font-size: 12px;
	padding: 0px;
	cursor: default;
}

.daybox td.red {
	color: #D34141;
}

.daybox td.gray {
	color: #CCC !important;
}

.daybox td.day:hover {
	background-color: #C9EDFF;
}

.daybox td.selected {
	background-color: #78C8F0 !important;
	font-weight: bold;
}

.daybox .today {
	background-color: #FFF0F0;
}

.daybox .header td {
	background-color: #EEE;
}

/*
 * Edit rows
 */
.editRows {
}

.editRowsTable {
	border: 1px solid #CCC;
}
.editRowsTable th {
	border-bottom: 1px solid #CCCCCC;
}
 
.editRowsTable .editRowsCell {
	padding-left: 2px;
	padding-right: 2px;
}

.editRows .editRowsCell {
	padding-top: 2px;
	padding-bottom: 2px;
}

.editRows .editCell {
	cursor: move;
}

.editRows .editCell .moveElement {
	background-color: #CCC;
	width: 10px;
	height: 10px;
	margin: 3px;
}

.editRows th {
	text-align: center;
	background-color: #B4D7FF;
	color: #777777;
	font: bold 12px/12px Tahoma;
	white-space: pre;
	padding: 2 4px;
}

.editRows .last {
	width: 22px;
	min-width: 22px;
}

.editRows .gridBody {
	-moz-opacity: 1 !important;
	opacity:1 !important;
}

.editRowsDisabled .moveElement,
.editRowsDisabled .removeIcon,
.editRowsDisabled .addIcon
{
	visibility: hidden !important;
}

/*
 * checkLink
 */
.checkLink {
	cursor: pointer;
}
.checkLink .caption {
	padding: 0 2px;
}

/*
 * weekInterval
 */
.weekInterval {
	overflow: auto;
}

.weekIntervalTable {
	border-collapse: collapse;
	border: 1px solid #CCC;
	cursor: default;
	background-color: #FFF;
	width: 474px;
	height: 138px;
}

.weekInterval .hour {
	width: 16px;
	height: 16px;
	border: 1px solid #CCC;
	cursor: pointer;
}

.weekInterval .wd {
	width: 40px;
	text-align: right !important;
	padding-right: 4px;
}

.weekInterval .odd {
	background-color: #DDD !important;
}

.weekInterval .oddCell {
	border-right: 2px solid #CCC;
}

.weekInterval .weekIntervalHeader {
	background-color: #EEE;
}

.weekInterval .weekIntervalFooter {
	background-color: #EEE;
	height: 10px;
}

.weekInterval .firstHeaderCell{
	width: 35px;
}

.weekInterval .headerCell {
	font-weight: bold;
	font-size: 12px;
	background-color: #EEE;
	text-align: center;
}

.weekInterval .lastCell {
	background-color: #EEE;
}

.weekInterval .hourSelected {
	background-color: #78C8F0;
}

.weekInterval .hourSelectedTemp {
	background-color: #78C8F0 !important;
}

.weekInterval .hourUnselectedTemp {
	background-color: #FFF !important;
}

/*
 * lineMenu
 */
.lineMenu {
	margin: 0;
	overflow-y: hidden;
	white-space: nowrap;
}

.lineMenu div.lineMenuItem {
	text-align: center;
	min-width: 90px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lineMenu div.lineMenuItem  a {
	text-decoration: none;
	outline: none;
	color: #FFF;
	vertical-align: top;
}

.lineMenu div.lineMenuItem .content {
	vertical-align: top;
}

.lineMenu div.lineMenuItem .content .iconAndCaption,
.lineMenu div.lineMenuItem .content .subText {
	display: inline-block;
}

.lineMenu div.lineMenuItem .valignBoxContent {
	padding: 4px 15px;
}

.lineMenu div.lineMenuItem .subText .text {
	display: inline-block;
	background-color: #D00;
	color: white;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid white;
	font-size: 11px;
	line-height: 10px;
	padding: 2px 4px;
	margin-left: 2px;
	position: relative;
	top: -8px;
	font-weight: bold;
}

.lineMenu div.lineMenuItemContent:hover {
	background-color: rgba(255,255,255,0.4);
}

.lineMenu div.lineMenuItemHorizontal {
	margin: 0 0 0 5px;
	display: inline-block;
	height: 100%;

	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.lineMenu div.lineMenuItemHorizontal .lineMenuItemContent {
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}


.lineMenu div.lineMenuItemHorizontal .lineMenuItemContent:hover {
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 10px);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 10px);
	/* Opera */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 10px);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.3)), color-stop(0.1, rgba(255,255,255,0)));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 10px);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 10px);
}

.lineMenu div.lineMenuItemVertical .lineMenuItemContent {
	margin: 2px 0;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

.lineMenu div.lineMenuItemVertical .lineMenuItemContent {
	padding: 3px 0;
}

.lineMenu div.lineMenuItemActive {
	font-weight: bold;
}
.lineMenu div.lineMenuItemActive div.lineMenuItemContent:hover {
	background-color: inherit;
	background-image: inherit;
}

/*
 * inlineControl
 */
.inlineControl {
	position: relative;
	height: 22px;
	text-align: left;
}
.inlineControl .icon {
	top: 50%;
	margin-top: -8px;
	right: 1px;
	position: absolute;
 	cursor: pointer;
}

.inlineControl .textbox {
	background-color: transparent;
	position: absolute;
	width: 100%;
	padding-right: 18px;
	border: 0px;
}

.inlineControlPopup .inlineControlOk {
	padding-top: 5px;
	border-top: 1px solid #CCC;
}

/*
 * STD Form
 */
.stdForm {
	/*margin: 3px;*/
}

.stdForm .stdFormCheck {
	width: 24px;
	background-color: #EEE;
}

.stdForm .stdFormMandatory {
	 width: 10px;
	 text-align: center;
	 white-space: nowrap;
	 font-size: 14px;
	 padding: 3px;
}

.stdForm .stdFormCaption {
	text-align: left;
	font-size: 12px;
	padding: 3px 3px 3px 6px;
	white-space: normal;
}

.stdForm .stdFormControl {
	padding: 3px;
}

.stdForm .stdFormButtons {
	text-align: center;
	background-color: #FFF;
}

/*
 * Spinner
 */

.spinner {
	width: 100px;
}

.spinner .input {
	padding-right: 16px;
}

.spinner div.button {
	position: absolute;
 	cursor: pointer;
	-moz-opacity: 0.5;
	opacity: 0.50;
}

.spinner div.button:hover {
	-moz-opacity: 1;
	opacity: 1;
}

.spinner .next {
	top: 50%;
	margin-top: -8px;
 	right: 2px;
	z-index: 2;
}

.spinner .prev {
 	right: 2px;
 	bottom: 50%;
	margin-bottom: -8px;
	z-index: 3;
}

/*
 * errorFilterItemText
 */
.errorFilterItemText, .errorFilterItemText .inputContainer, .errorFilterItemText input {
	background-image: none !important;
	color: red !important;
	background-color: #FFD7D7 !important;
}

/*
 * Textarea
 */

.textarea {
	min-height: 50px;
	display: block;
	height: 100px;
	width: 400px;
	resize: none;
	margin: 0 !important;
}

/* Arrangebox */
.arrangebox {
	height: 160px;
	margin-bottom: 8px;
}

.arrangebox .list {
	height: 160px;
	width: 216px;
}

.arrangebox .hbox {
	table-layout: fixed;
}

.arrangebox .hbox .hboxCell {
	padding-bottom: 4px;
}

.arrangebox .arrangeboxTools {
	width: 54px;
	padding: 3px;
}

.arrangebox .arrangeboxTools .commonButton {
	margin-bottom: 1px;
}

.arrangebox .list .listItemCaption.before {
	border-top: 2px solid green;
	margin-top: -2px;
}

.arrangebox .list .listItemCaption.after {
	border-bottom: 2px solid green;
	margin-bottom: -2px;
}

/*
 * Set
 */
.set {
	/*min-height: 24px;*/
	min-width: 140px;
	max-height: 120px;
	overflow-y: auto;
	overflow-x: hidden;
}

.set .setCellCaption {
	max-width: 140px;
	cursor: default;
	white-space: nowrap;
	padding-right: 5px;
}

/**
 * Record
 */
.record .recordGroup td {
	padding: 4px 0;
}

.record .recordGroup td div {
	text-align: center;
	font-weight: bold;
	padding: 2px;
}

.record .recordHeader {
	text-align: right;
	font-weight: bold;
	padding: 4px;
	white-space: nowrap;
	vertical-align: top;
}

.record .recordCell {
	padding: 4px;
	text-align: left !important;
}

/*
 * Datebox
 */
.datebox {
	width: 140px !important;
}
.datebox .icon {
	top: 50%;
	margin-top: -8px;
	right: 1px;
	position: absolute;
 	cursor: pointer;
	z-index: 2;
}

.dateboxPopup {
	border-left: 1px solid #BBB;
	border-top: 1px solid #BBB;
	background-color: white;
}

.dateboxPopup .line {
	overflow: hidden;
}

.dateboxPopup .lineYM {
	background-color: #C2ECFF;
	padding: 4px 0 4px 4px;
}

.dateboxPopup .lineD {
	padding: 4px;
}

.dateboxPopup .lineYM .Y, .dateboxPopup .lineYM .M {
	float: left;
}

.dateboxPopup .lineYM .Y {
	margin-right: 4px;
}

.dateboxPopup .lineHMS {
	background-color: #C2ECFF;
	padding: 4px 0 2px 18px;
}

.dateboxPopup .lineToolbox {
	border-top: 1px solid #ccc;
}

/*
 * Combobox
 */
.combobox {
	height: 22px;
	width: 200px;
}

.combobox .button,
.combobox .button:hover {
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
	width: 16px;
	background: #EEE !important;
}

.comboboxPopup {
	background-color: #FFF;
}

.comboboxCover {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 14px;
	width: 100%;
	height: 22px;
	table-layout: fixed;
}
.comboboxCover td.coverCell {
	padding-left: 2px;
	padding-right: 2px !important;
	position: static;
	overflow: hidden;
}
.comboboxDisabled .button {
	border: 1px solid #BBB !important;
}
.comboboxSeparator {
	margin-top: 16px;
}

/*
 * checkLink list
 */
.checkLinkList {
	white-space: normal;
}

/*
 * Timebox
 */

.timebox {
	overflow: hidden;
}

.timebox .textbox {
	float: left;
	margin-right: 4px;
}

/*
 * Tree
 */

.tree {
	overflow: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
}

.tree .listItemSelected {
	background-color: #C0E0F0;
}

.tree .listItemActive {
	outline: 1px dotted #999;
}

/*
 * Integer interval
 */
.integerInterval .spinner{
    width: 30px;
}
.integerInterval .spinner .input {
    padding-right: 0px;
	text-align: center;
}
.integerInterval .spinner .inputContainer {
	background-image: none;
}

.integerInterval .sliderCell {
	padding: 0px 5px;
}

.integerInterval .slider {
    position: relative;
	height: 16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #FFF;
	border: 1px solid #AAA;
	width: 150px;
}

.integerInterval .slider .left,
.integerInterval .slider .right
{
    position: absolute;
	top: 0px;
	width: 16px;
	height: 16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #AAA;
}

.integerInterval .slider .left:hover,
.integerInterval .slider .right:hover
{
	background-color: #333;
}

.integerInterval .slider .marker
{
    position: absolute;
	top: 0px;
	height: 16px;
	background-color: #DDD;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.integerInterval .slider .active
{
	background-color: #333 !important;
}

/*
 * checkbuttonlist
 */

.buttonList .commonButton {
	border-width: 1px 0;
	border-radius: 0px;
}
.buttonList .commonButton .commonButtonPadding {
	padding: 2px 7px;
}

.buttonList .commonButtonNormal:hover {
	border-width: 1px;
}
.buttonList .commonButtonNormal:hover .commonButtonPadding {
	padding: 2px 6px;
}

.buttonList .firstButton {
	border-radius: 5px 0px 0px 5px !important;
	border-width: 1px 0px 1px 1px !important;
}
.buttonList .commonButtonNormal.firstButton:hover {
	border-width: 1px !important;
}
.buttonList .commonButtonNormal.firstButton:hover .commonButtonPadding{
	padding-left: 7px !important;
	padding-right: 6px !important;
}

.buttonList .lastButton {
	border-radius: 0px 5px 5px 0px !important;
	border-width: 1px 1px 1px 0px !important
}
.buttonList .commonButtonNormal.lastButton:hover {
	border-width: 1px !important;
}
.buttonList .commonButtonNormal.lastButton:hover .commonButtonPadding{
	padding-left: 6px !important;
	padding-right: 7px !important;
}
.buttonList .commonButtonDown.inlineButton .commonButtonPadding {
	padding: 2px 6px;
}

.buttonList .lastButton.firstButton {
	border-radius: 5px 5px 5px 5px !important;
	border-width: 1px 1px 1px 0px !important
}

/*
 * Bitmask
 */

.bitmask {
	list-style: none;
	margin: 0px;
	padding: 0px;
	cursor: default;
	font-size: 12px;
}

/*
 * Monthbox
 */

.monthbox {
	height: 20px;
}

/*
 * Tree lookup
 */
.treeInline {
	height: 22px;
	width: 200px;
}
.treeInline .icon {
	width: 22px;
	cursor: pointer;
	margin-top: 2px;
}
.treeInline .content {
	margin-right: 22px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 4px;
}
.treeInline .content .level {
	padding: 0 2px;
	cursor: pointer;
}
.treeInline .content .level:hover {
	background-color: #DDD;
}
.treeInline .content .sep {
	font-size: 16px;
	line-height: 16px;
	margin: 0 2px;
}
.treeInlinePopup {
	min-width: 200px;
}

/*
 * dateInterval
 */

.dateInterval {
	/*width: 531px;*/
	height: 24px;
	font-size: 12px;
}

.dateInterval .commonButton .content {
	font-size: 12px;
}

.dateInterval .interval .hboxRow .hboxCell,
.dateInterval .lastDays .hboxRow .hboxCell {
	padding: 0 3px;
}

.dateInterval .interval .hboxRow .hboxCell:first-child,
.dateInterval .lastDays .hboxRow .hboxCell:first-child {
	padding-left: 0px;
}

/*
 * Set inline
 */
.setInline {
	max-height: 300px;
	overflow-y: scroll;
}

/*
 * Grid
 */
.grid {
	height: 200px;
	background-color: #FFF;
	cursor: default;
	position: relative;
	overflow: hidden;
}

.grid .gridContent {
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.gridVBoxCell {
	border-bottom: 1px solid #BBB;
}

.grid .gridVBoxCell .gridModule {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.grid .gridVBoxCell .gridModule .tableModel {
	width: 100%;
	table-layout: fixed;
}

/**
 * Grid record
 */
.gridRecord .recordGroup td div {
	font-size: 18px;
	color: #FFF;
	background-color: #CCC;
}

.gridRecord .recordHeader {
	font-size: 14px;
	color: #777;
	white-space: nowrap;
	vertical-align: top;
}

.gridRecord tr.even .recordHeader {
	background-color: #FFF;
}

/*
 * Grid rows counter
 */
.gridRowsInfo {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

/*
 * Toolbox
 */
.gridModuleBlock .toolboxContent {
	overflow: hidden;
	height: 24px;
	padding: 1px;
}

/*
 * Animation
 */
@-webkit-keyframes pulse
{
	0% {opacity: 1;}
	50% {opacity: 0.1;}
	100% {opacity: 1;}
}

@-moz-keyframes pulse
{
	0% {opacity: 1;}
	50% {opacity: 0.1;}
	100% {opacity: 1;}
}

@-ms-keyframes pulse
{
	0% {opacity: 1;}
	50% {opacity: 0.1;}
	100% {opacity: 1;}
}


@-o-keyframes pulse
{
	0% {opacity: 1;}
	50% {opacity: 0.1;}
	100% {opacity: 1;}
}

@keyframes pulse
{
	0% {opacity: 1;}
	50% {opacity: 0.1;}
	100% {opacity: 1;}
}

.animatedPulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}


/*
 * Static grid
 */
.staticGrid {
	border: 1px solid #CCC;
	border-collapse: collapse;
	width: 100%;
}

.staticGrid .nodataCell {
	border-right: 1px solid #CCC;
}

.staticGrid thead {
	border-bottom: 1px solid #CCC;
}

.staticGrid th.last,
.staticGrid td.last {
	display: none;
}

.staticGrid .gridModuleTotalLineCell {

}

.listboxGrid .gridModuleRowset .tableModel .listItemActive {
	outline: none;
}

.listboxGrid .gridModuleRowset .tableModel .listItemSelected td.tableCell {
	background: none repeat scroll 0 0 rgba(255, 0, 0, 0.15);
}

.listboxGrid .listItemSelected .listboxGridCheck {
	opacity: 1;
}