.pre #popupDatepicker {
	width:152px;
	border:1px solid #e3e2e2;
	background-color:#f8f7f7;
	height:21px;
	font-size:12px;
	padding:2px;
	color:#363434;
	text-align:center;
	text-transform:uppercase;
}
.pre #popupDatepicker:focus {
    outline:none;
}
.pre #popupDatepicker.chooser {
	background-image:url(../img/selector_arrow.png);
	background-color:#f8f7f7;
	background-repeat:no-repeat;
	background-position:135px center;	
}
.pre .datepick-popup {
	z-index:10000;
}
.pre .dateTimeZoneInfo {
	float:right;
	top: 0px;
	right: 0px;
	color: #797979;
	cursor: default;
	font-size: 12px;
	position: relative;
	top: -2px;
	right: 3px;
	
}
.pre .datepick a:link,
.pre .datepick a:hover,
.pre .datepick a:visited,
.pre .datepick a:active { 
	font-size:13px;
	text-decoration:none;
	
}
.pre .datepick td {
	font-size:13px;
}
.pre .datepick {
	border:0px;
	background-color: #DDDDDD;
}
.pre .datepick .datepick-month  {
	border:0px;
}
.pre .datepick-popup .datepick-ctrl {
	background-color: #DDDDDD;
}
.pre .datepick-popup .datepick-cmd:hover{
	background:transparent;
}
.pre .datepick-popup #datepick-custom-time {
	clear: both;
	min-height: 24px;
}
.pre .datepick-popup #datepick-custom-time select{
	margin-left: 3px;
}
.pre .datepick-popup #datepick-custom-start-time {
	float: left;
	font-size: 12px;
	padding-left: 6px;
}
.pre .datepick-popup #datepick-custom-end-time {
	float: right;
	padding-right: 6px;
}

.pre .spacespicker .ui-multiselect {
	border:1px solid #e3e2e2;
	background-color:#f8f7f7;
	background-image:none;
	height:29px;
	font-size:12px;
	color:#363434;
	text-align:center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-transform:uppercase;
	background-image:url(../img/selector_arrow.png);
	background-repeat:no-repeat;
	background-position:135px center;	
	padding:0px;
}
.pre .spacespicker .ui-multiselect span { 
	display:block;
}

@-moz-document url-prefix() {
	.pre .spacespicker .ui-multiselect span {
		margin-top:-3px;
	}
}
.pre .spacespicker .ui-multiselect .ui-icon {
	display:none;		
}

.pre .spacesmenu {
	background-image:none;
	background-color:#f8f7f7;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color:#e3e2e2;
	border-top:0px;
	margin-top:-1px;
	max-width: 160px;
}
.pre .spacesmenu ul  {
	margin-top:0px;
	padding-top:0px;
}
.pre .spacesmenu label {
	color:#363434;
	font-size:12px;	
	margin:0px;
	padding:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:0;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
}
.pre .spacesmenu label.ui-state-hover {
	background-image:none;
	background-color:#f8f7f7;	
	color:#363434;		
}
.pre .spacesmenu label span { 
	position:relative;
	padding:3px 2px 3px 30px;
	display:inline-block;
	cursor:pointer;
}
.pre .spacesmenu label span:hover {
	text-decoration:underline;
}
.pre .spacesmenu input[type=checkbox] + span:before {
	content: '';
	width: 16px;
	height: 20px;
	background-image:url(../img/check.png);
	background-repeat:no-repeat;
	position: absolute;	
	z-index:111;
	left:0px;
	top:4px;
	background-position:0px -22px;
}
.pre .spacesmenu input[type=checkbox]:checked + span {
	color:#51a601;
}
.pre .spacesmenu input[type=checkbox]:checked + span:before  {
	content: '';
	width: 16px;
	height: 20px;
	background-image:url(../img/check.png);
	background-repeat:no-repeat;
	position: absolute;	
	z-index:111;
	left:0px;
	top:4px;
	background-position:0px 0px;	
}
.pre .spacesmenu input[type=checkbox] {
	visibility: hidden;
	margin-left:-10px;
}
.pre .spacesmenu li.ui-multiselect-optgroup-label {
	text-align: left;
}
.pre .morelessLabel {
	float: right;
	cursor: pointer;	
	font-weight: 600;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 45% 10px 10px;
}
/* START calendar widget */

.pre .datepick-nav, 
.pre .datepick-ctrl {
	box-sizing: border-box;
	padding: 5px;
	background-color: #3b3b3b !important;
}

.pre .datepick-nav a:link, 
.pre .datepick-ctrl a:link {
	color: #51cd09
}

.pre .datepick-nav a:hover, 
.pre .datepick-ctrl a:hover {
	color: #34a405
}

/* Disabled top nav links */
.pre .datepick-nav a:link.datepick-disabled,
.pre .datepick-nav a:hover.datepick-disabled {	
	color: #777;
}

.pre .datepick-month-header {
	background-color: #3b3b3b;
	height: 2em;
}

/* Day links */
.pre .datepick-month a {
	background: 0;
}

.pre .datepick-month a:hover {
	background: #ddd;
}

/* Disabled day links */
.pre .datepick-month span {
	color: #bbb;
}

.pre .datepick-month td {
	border-color: #ddd;
	background-color: #f9f9f9;
}

/* Weekend day links */
.pre .datepick-month td .datepick-weekend {
	background-color: #eee;
}

.pre .datepick-month td a:hover.datepick-weekend {
	background-color: #ccc;
}

/* Selected day links */
.pre .datepick-month td .datepick-selected {
	color: #fff;
	background: #0373dc;
}

.pre .datepick-month td a:hover.datepick-selected {
	background: #003464;
}

.pre .datepick-month td span.datepick-highlight {
	background: 0;
}

/* END calendar widget */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:0px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

.eng table.ui-datepicker-calendar thead {
	background: none;
	color: #000000;
}

.eng table.ui-datepicker-calendar thead tr th {
	font-size: 0.9em;
}

/* gumby css override */
table { 
	background: none;
	border: none;
} 
table thead {
	background: none;
	color: #222222;
	display: table-row-group;
}
table tfoot {
  display: table-row-group;
}
table tr {
	page-break-inside: avoid;
}
.tabs .tab-content {
	padding: 0;
}
.pre .btn a:hover,
.eng .btn a:hover {
	text-shadow: none;
}
.eng .info.btn a,
.eng .primary.btn a {
	color: #ffffff;	
}
.pre .info.btn:hover,
.eng .info.btn:hover {
	background-image: linear-gradient(#ffffff, #ffffff);
}
.pre .info.btn a:hover,
.eng .info.btn a:hover {
	color:#3085d6;
}
/* end css for gumby override*/

/* css for tablesorter.tag */
.ts-rtsearchbox {
	float: right;
	border:1px solid #edecec;
	box-shadow: inset 1px 1px 1px 0px #dddddd;
	background-color:#f8f7f7;
	margin: 0 0 14px 0;
	width: 300px;
	box-sizing: border-box;
	line-height: 14px;
}
.ts-rtsearchbox:after { 	
	font-family: FontAwesome; 
	content: '\f002';
	color:#c3c3c3;
	display: inline-block;
	float: right;
	font-size: 14px;
	line-height: 14px;
	z-index: 0;
	margin: -22px 4px 0 0;
}
.ts-rtsearchbox.loading:after {
	content: '\f110';
	animation: 1s steps(8, end) 0s normal none infinite running fa-spin;
	color:#51a601;
}
.ts-rtsearchbox .ts-rtsearchboxinp { 
	line-height:20px;
	font-size:14px;	
	color:#1e1e1e;
	width: 100%;
	border: 0px;
	-webkit-appearance: none;
	padding: 4px 22px 4px 7px;
	margin: 0px;
	background: transparent;
	box-sizing: border-box;
	font-weight: 400;
	position: relative;
	z-index: 1;
}
table.ts-sortable-tbl th {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	padding: 18px 15px;
	background-color: #3b3b3b;
	color: #FFFFFF;
}
table.ts-sortable-tbl th.smallerth {
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
}
table.ts-sortable-tbl .ts-csv {
	display: none;
}
th.ts-sortable {
	cursor: pointer;
}
th.ts-sortable:after {
	content: '\f0dc';
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 5px;
    color:#898989;
    font-size: 14px;
}
table.ts-sortable-tbl th.ts-currentsort,
table.ts-sortable-tbl th.ts-sortable.ts-currentsort {
	background-color: #000000;
}
th.ts-sortable.ts-currentsort:after {
	font-family: FontAwesome;
	content: '\f0d7';
	color: #ffffff;
}
th.ts-sortable.ts-currentsort.asc:after {
	font-family: FontAwesome;
	content: '\f0d8';
}
td.ts-currentsort {
	background-color: #F7F7F7;
}
.btn.secondary.ts-btn {
	background-color: #51a601;
	border-color: #51a601;
}
.btn.secondary.ts-btn {
	background-color: #51a601;
	border-color: #51a601;
}
.btn.secondary.ts-btn {
	background-color: #51a601;
	border-color: #51a601;
}
.btn.secondary.ts-btn a {
	color: #FFFFFF;
}
.btn.secondary.ts-btn:hover a {
	color: #003464;
}
/* end css for tablesorter.tag */

/* css for tdheatmapTable.tag */
.pre .heatmaptable {
	border-collapse: separate;
}
.pre .heatmaptable tbody tr:hover td {
	background-color: #F9F9F9;
	border-bottom: 1px solid black;
}
.pre .heatmaptable tbody tr:hover td:first-child {
	font-weight: 600;
	border-left: 1px solid black;
}
.pre .heatmaptable tbody tr:hover td:last-child {
	border-right: 1px solid black;
}
.pre .heatmaptable thead th,
.pre .heatmaptable tbody td,
.pre .heatmaptable tr td {
	font-size: 14px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	position: relative;
	border-style: solid;
	border-color: white;
	border-width: 0 1px 1px 1px;
	white-space: nowrap;
}
.pre .heatmaptable td.rowmax:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 0; 
    display: block;
    border-left: 12px solid transparent;
    border-top: 12px solid #f00;
} 
/* end css for tdheatmapTable.tag */

/* css for dialog box */
.ui-dialog .ui-widget-header {
	background-color:#3b3b3b;
	color: #FFFFFF;
}
.ui-dialog .ui-dialog-buttonpane button {
	background-image: linear-gradient(#ffffff, #f3f1f1);
	box-shadow: 0 0 3px white inset;
	border: 1px solid #cccccc;
	
}
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-image: linear-gradient(#ffffff, #ffffff);
	box-shadow: 0 0 3px white inset;
	border: 1px solid #d9d9d9;
	
}
.ui-dialog .ui-dialog-buttonpane button.blue {
	min-width:80px;
	background-color:#0369c9;
	color:#ffffff;
	font-size:14px;
	line-height:26px;
	margin-right:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #0369c9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #0369c9;
	box-shadow:inset 0px 1px 0px 0px #0369c9;		
	overflow:hidden;
	text-align:center;
	box-shadow: 1px 1px 2px #777, 0 0px 1px #777, inset -1px -1px 1px rgba(30,27,27,0.1), inset 1px 1px 1px rgba(255,255,255,0.2);
	border-left:1px solid #3990e0;
	border-top:1px solid #3990e0;
	border-right:1px solid #035bae;
	border-bottom:1px solid #225d95;
	padding:0px 20px 0 20px;
	background: -webkit-linear-gradient(top, #036fd4 40%,#0255a2 100%);
	background: linear-gradient(to bottom, #036fd4 40%,#0255a2 100%);
}
.ui-dialog .ui-dialog-buttonpane button.blue:hover {
	background: -webkit-linear-gradient(top, #02498b 40%,#05345f 100%);
	background: linear-gradient(to bottom, #02498b 40%,#05345f 100%);
	border-left:1px solid #3971a6;
	border-top:1px solid #3971a6;
	border-right:1px solid #023c73;
	border-bottom:1px solid #023c73;
}
/* end css for dialog box */