/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 100%;
}

/* styles for validation helpers */
.field-validation-error {
	color: #b94a48;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

.validation-summary-errors {
	color: #b94a48;
}

.validation-summary-valid {
	display: none;
}

h2 {
	font-size: 14pt;
	font-weight: bold;
}

div.ajaxload {
	position: fixed;
	top: 0px;
	left: 45%;
	width: 10%;
	padding: 2px;
	border: solid 1px #2b7ab9;
	background-color: #e2eaf0;
	color: #2b7ab9;
	font-weight: bold;
	text-align: center;
	z-index: 1000000;
	display: none;
}

#ajaxResponse {
	display: none;
}

.scroll-container {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.alertPopup {
	display: none;
}

/* grids */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	padding: 5px;
}

	td.cp {
		width: 100px;
		padding: 0px 10px;
		vertical-align: top;
	}

		td.cp button {
			width: 100px;
		}

.fixed-table-container {
	width: 100%;
	height: 100%;
	/* above is decorative or flexible */
	position: relative; /* could be absolute or relative */
	padding-top: 25px; /* height of header */
}

.fixed-table-container-inner {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.header-background {
	height: 25px; /* height of header */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border: none;
}

.fixed-table-container-inner table {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.th-inner {
	position: absolute;
	top: 0px;
	line-height: 25px; /* height of header */
	text-align: left;
	padding-left: 5px;
	margin-left: -5px;
}

tr.total {
	font-weight: bold;
	background: #f3f3f3;
}

table.summary {
	width: 90%;
	margin: 10px auto;
}

	table.summary th {
		font-weight: normal;
		padding: .4em;
		text-align: center;
		border: 1px solid #ffffff;
		background: #e0e0e0;
	}

	table.summary td {
		vertical-align: top;
		text-align: center;
		padding: .4em;
	}

table.sectional {
	width: 100%;
	border-spacing: 3px;
	border-collapse: separate;
	font-size: .8em;
}

	table.sectional tr td {
		vertical-align: top;
		background: #f0f0f0;
	}

		table.sectional tr td.first {
			padding-left: 10px;
			background: none;
		}

		table.sectional tr td.pad {
			padding-left: 20px;
		}

table.pad td {
	padding: 4px;
}

table.lg {
	width: 100%;
}

	table.lg th {
		text-align: left;
	}

	table.lg tr:nth-child(even) {
		background-color: #f6f6f6;
	}

	table.lg .ui-button {
		width: 1.8em;
	}

	table.lg .ui-button-icon-only .ui-button-text {
		padding: .1em;
	}

table.sg {
	width: 100%;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

	table.sg input.sel {
		margin-right: 5px;
	}

	table.sg th {
		text-align: center;
		background-color: #444444;
		color: #fff;
	}

	table.sg tr {
		border-bottom: 1px solid #dddddd;
	}

	table.sg tr {
		background-color: transparent;
	}

		table.sg tr:nth-child(even) {
			background-color: #e2dac0;
		}

	table.sg tbody tr:last-child {
		border-bottom: none;
	}

	table.sg tfoot tr:first-child {
		border-top: 1px solid #dddddd;
	}

	table.sg th, table.sg td {
		padding: 6px 15px;
	}

	table.sg .ui-button {
		width: 1.8em;
	}

	table.sg .ui-button-icon-only .ui-button-text {
		padding: .1em;
	}

table.sg-small {
	width: 100%;
}

	table.sg-small th, table.sg-small td {
		padding: 3px 15px;
	}

table.compact {
	width: 100%;
	font-size: .8em;
}

	table.compact th {
		background: none;
		font-weight: bold;
	}

	table.compact th, table.compact td {
		padding: 1px;
	}

table.grid {
	background: #ffffff;
}

	table.grid th {
		font-weight: bold;
		vertical-align: middle;
		text-align: left;
		padding: 0px 1px;
	}

	table.grid td {
		vertical-align: top;
	}

	table.grid tbody {
		font-size: .9em;
	}

	table.grid thead tr {
		border: none;
	}

	table.grid tbody tr {
		border-bottom: 1px solid #e0e0e0;
	}

	table.grid .select:hover {
		background-color: #ffffd7;
	}

	table.grid.light th {
		font-weight: normal;
	}

	table.grid a {
		display: inline-block;
		padding: .5em 0px;
	}

		table.grid a.wide {
			padding: .5em 1em;
		}

/* filter grid and sort grid */
span.iconbutton {
	display: block;
	float: left;
	height: 16px;
}

table.grid .filter {
	display: none;
}

	table.grid .filter select.filtertype {
		width: 35px;
	}

	table.grid .filter select.dropdown {
		width: 98%;
	}

	table.grid .filter input {
		display: none;
	}

th.sort {
	cursor: pointer;
}

	th.sort div {
		text-decoration: underline;
	}

.sg-sort-text {
	float: left;
	margin-left: 5px;
}

.sg-sort-icon {
	margin-top: 1px;
}

.th-inner .sg-sort-icon {
	float: left;
	margin-top: 5px;
}

/* jquery.treetable */
table.treetable {
	/*border-collapse: separate;
	border-spacing: 1px;
	background-color: #ffffff;*/
}

	table.treetable th {
		padding: 5px 2px;
	}

	table.treetable tbody tr {
		border-bottom: 1px solid #e0e0e0;
	}

		table.treetable tbody tr td .indenter {
			background-position: left center;
			background-repeat: no-repeat;
			padding: 0;
			zoom: 1; /* IE7 Hack */
		}

		table.treetable tbody tr.collapsed td .indenter a {
			background-image: url('../Content//expand.png');
			background-repeat: no-repeat;
			background-position: left center;
			text-decoration: none;
			display: inline-block;
			width: 16px;
		}

		table.treetable tbody tr.expanded td .indenter a {
			background-image: url('../Content//collapse.png');
			background-repeat: no-repeat;
			background-position: left center;
			text-decoration: none;
			display: inline-block;
			width: 16px;
		}

		table.treetable tbody tr.branch td.name:hover {
			cursor: pointer;
		}

		table.treetable tbody tr:hover {
			background: #ffffd6;
		}

		table.treetable tbody tr.hoverOn td {
			background-color: #ffffd6;
		}

		table.treetable tbody tr.hoverTop {
			background-image: url('../Content//insertline.png');
			background-position: top;
			background-repeat: repeat-x;
		}

		table.treetable tbody tr.hoverBottom {
			background-image: url('../Content//insertline.png');
			background-position: bottom;
			background-repeat: repeat-x;
		}

.draghandle {
	width: 12px;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url('../Content//openhand.cur'), move;
	text-align: right;
}

table.treetable tr:hover .draghandle {
	background-image: url('../Content/Images/drag_handle.png');
	background-position: left center;
	background-repeat: no-repeat;
}

.dragging {
	padding: 5px 35px 5px 15px;
	background-color: #f9f9f9;
	background-image: url('images/drag_handle.png');
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	font-weight: bold;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url('../Content/images/closedhand.cur'), move;
}

form .row {
	margin-top: 5px;
}

#accordion.ui-accordion > h3 {
	font-size: 16px;
	padding: 5px 25px;
	margin: 0px;
}

#accordion.ui-accordion > div {
	min-height: 150px;
	padding: 0px;
	margin: 0px;
}

.details {
	background-color: #e1ebf0;
	margin: 0px;
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
}

#tabs .ui-widget-content {
	margin: 0px;
	padding: 0px;
}


/* Line 807 */
#tabs .ui-widget-header {
	background-color: transparent;
	background-image: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 0 0 0 0;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	color: #222222;
	font-weight: bold;
}

.add-btn-text {
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 5px 5px 0px;
}

.trashDelete {
	background-image: url('Images/btndelete.png');
	background-size: 40px 40px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border: none;
}

.add-btn {
	width: 25px;
	height: 25px;
	background-image: url('Images/btnadd.png');
	background-size: 25px 25px;
	display: inline-block;
	cursor: pointer;
}
.print-btn {
	width: 30px;
	height: 30px;
	background-image: url('Images/webprint.jpg');
	background-size: 30px 30px;
	display: inline-block;
	margin:15px;
	cursor: pointer;
}
.delete-btn {
	width: 29px;
	height: 29px;
	background-image: url('Images/btndelete.png');
	background-size: 29px 29px;
	display: inline-block;
	cursor: pointer;
	margin-left: 8px;
	margin-right: 8px;
}

.edit-btn {
	width: 29px;
	height: 29px;
	background-image: url('Images/btnedit.png');
	background-size: 29px 29px;
	display: inline-block;
	cursor: pointer;
	margin-left: 8px;
	margin-right: 8px;
}

.plus-icon-xs{    
	width: 18px;
	height: 18px;
	background-image: url('Images/details_open.png');
	background-size: 18px 18px;
	display: inline-block;
	cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
}

.pencil-icon-xs{    
	width: 15px;
	height: 15px;
	background-image: url('Images/pencil.jpg');
	background-size: 15px 15px;
	display: inline-block;
	cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
}

.masquerade-btn {
	width: 29px;
	height: 29px;
	background-image: url('Images/btnMasquerade.png');
	background-size: 29px 29px;
	display: inline-block;
	cursor: pointer;
	margin-left: 8px;
	margin-right: 8px;
}

.open-btn {
	background-image: url('Images/btnopen.png');
	background-size: 13px 11px;
	background-repeat: no-repeat;
	width: 13px;
	height: 11px;
	display: inline-block;
	cursor: pointer;
}

.select-btn {
	background-image: url('Images/btnselect.png');
	background-size: 11px 13px;
	background-repeat: no-repeat;
	width: 11px;
	height: 13px;
	display: inline-block;
	cursor: pointer;
}

.add-btn-text {
	height: 35px;
	line-height: 35px;
}


/* calendar start */
table.calendarnav{width:100%;table-layout:fixed;text-align:center;margin-bottom:8px}
table.calendarnav .now{width:80px;text-align:left}
table.calendarnav .nav{width:180px;text-align:left}
table.calendarnav button:focus {outline:0;}
table.calendarnav .label{text-align:left;vertical-align:middle;font-size:1.1em}
table.calendarnav .action{width:360px;text-align:right;padding:0px}
div.gridcontainer{overflow-y:visible;height:575px;position:relative;font-size:12px;font-family:Arial,sans-serif}
table.wk-weektop{table-layout:fixed;width:100%;overflow:hidden;line-height:14px;background:#264666;color:#fff}
td.wk-dummytime{vertical-align:bottom;text-align:center;overflow:hidden;padding-bottom:2px;width:60px}
th.wk-dummytime{vertical-align:bottom;text-align:center;overflow:hidden;padding-bottom:2px;width:60px}
th.wk-dayname{white-space:nowrap;cursor:default;font-weight:normal;border-top:1px solid #fff;border-bottom:1px solid #ccc;background-color:#fff}
th.wk-today,td.wk-today{font-weight:bold;background-color:#fff6ef}
th.wk-today{border:1px solid #ccc}
td.wk-scrollcell{vertical-align:top;padding:0;width:16px;background:#fff;border-left:1px solid #fff}
td.wk-bl{border-left:1px solid #ccc}
table.wk-spannedevents{position:absolute;table-layout:fixed;top:0px;left:0;width:100%;border-spacing:0px}
table.wk-spannedevents th{padding:4px 0px}
div.week-row{position:absolute;top:0px;left:0;width:100%;overflow:hidden}
table.wk-daygrid{position:relative;table-layout:fixed;width:100%;height:100%;border-spacing:0px}
table.wk-daygrid th{padding:2px 4px}
table.wk-daygrid td{padding:2px 0px}
div.wk-scrolltimedevents{position:relative;overflow-y:scroll;overflow-x:hidden;height:590px;border-top:1px solid #ccc;border-left:0 none;border-bottom:1px solid #ccc;padding:0;line-height:normal}
div.wk-scrolltimedevents table{table-layout:fixed;border-spacing:0px}
div.wk-scrolltimedevents table th,div.wk-scrolltimedevents table td{padding:0px}
div.tg-mainwrapper{position:relative}
table.tg-timedevents{margin-left:0px;margin-top:-2px;table-layout:fixed;width:100%;border-spacing:0px}
table.tg-timedevents th,table.tg-timedevents td{padding:0px}
td.wk-day{border-left:1px solid #ccc;vertical-align:top;height:100%}
td.wk-weekend{background:#f6f6f6}
div.tg-spanningwrapper{position:relative;margin-left:1px;top:1px}
div.tg-hourmarkers{margin-top:-1px;position:absolute;width:100%}
div.tg-markercell{}
div.tg-dualmarker{border-bottom:1px dotted #ddd;border-top:1px solid #ddd;font-size:1px}
div.tg-chipspanningwrapper{margin-right:10px}
td.tg-times-pri{background-color:#f9f9f9;color:#555555;text-align:right;vertical-align:top;cursor:default;border-left:1px solid #ccc}
div.tg-time-pri{border-bottom:1px solid #ccc;padding:0;margin-bottom:-1px}
div.tg-time-pri div{padding:2px}
div.tg-time-pri div.mid{font-size:.8em}
div.tg-time-pri-last{border-bottom:none}
td.tg-col{border-left:1px solid #ccc;vertical-align:top}
td.tg-col:last-child{border-right:1px solid #ccc}
div.tg-col-eventwrapper{position:relative;cursor:default}
div.tg-weekend{background:#f6f6f6}
div.tg-today{background:#fff6ef}
div.tg-col-overlaywrapper{position:relative;height:0}
div.shadow{position:absolute;border:2px solid #fff;background:#fff;margin-left:-3px;margin-top:-2px}
div.entry{position:absolute;overflow:hidden;cursor:default;margin-left:-1px}
div.entry dl,div.entry-span dl,div.mo-entry dl{margin:0;padding:0;overflow:hidden}
div.entry dt,div.entry-span dt,div.mo-entry dt{margin:0;padding:1px 0 1px 3px;font-weight:bold;font-size:8pt;white-space:nowrap}
div.entry dt span,div.entry-span dt span,div.mo-entry dt span{font-weight:normal;white-space:nowrap;font-size:9pt}
div.entry dd,div.entry-span dd,div.mo-entry dd{overflow:hidden;margin:3px;word-wrap:break-word}
div.entry a.cca,div.entry-span a.cca,div.mo-entry a.cca{float:right;width:11px}
div.entry .cn,div.entry-span .cn,div.mo-entry .cn{font-weight:normal;padding:2px 4px 2px 2px;line-height:16px}
div.entry-span a.cca{float:left}
div.entry-span{overflow:hidden;height:16px;cursor:pointer;padding:0px 3px 0px 0px}
div.dummy{opacity:.80;filter:alpha(opacity=80);-moz-opacity:.80}
div.tentative{opacity:.60;filter:alpha(opacity=60);-moz-opacity:.60}
div.mo-container{height:100%;position:relative;white-space:nowrap}
table.mo-daynames{table-layout:fixed;top:0;left:0;width:100%;overflow:hidden}
th.mo-dayname{padding:6px 8px;text-align:left;white-space:nowrap;font-weight:normal}
div.mo-eventcontainer{overflow:hidden;position:absolute;top:24px;bottom:0;left:0;width:100%;border-bottom:1px solid #ccc}
div.month-row{position:absolute;left:0;width:100%;overflow:hidden}
table.daygrid{position:relative;table-layout:fixed;width:100%;height:100%;border-right:1px solid #ccc}
table.eventgrid{position:absolute;table-layout:fixed;top:0px;left:0;width:100%}
td.day{border-left:1px solid #ccc;border-top:1px solid #ccc;vertical-align:top;height:100%}
td.dim{background:#f7f7f7}
th.dt{padding:0;font-weight:normal;text-align:left}
th.dt span{display:block;color:#333;padding:3px 8px;line-height:18px;overflow:hidden}
th.dt-dim span{color:#777}
th.dt-today span{font-weight:bold}
td.today{background:#fff6ef;border-top:1px solid #7d4e27;border-right:1px solid #7d4e27;border-left:1px solid #7d4e27}
td.tt{border-top:1px solid #7d4e27} /* week after today, complete the border */
td.dayactive{background:#e0e0e0}
div.morepopup{position:absolute;width:240px;background:#fff;border:1px solid #777;display:none;box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);}
div.morepopup div.dt{padding:3px 4px 2px 4px;line-height:18px;font-weight:bold}
div.morepopup span.close{float:right;margin:2px;cursor:pointer}
div.morepopup .e{overflow-x:hidden;overflow-y:auto}
div.morepopup table{width:100%;table-layout:fixed;border-collapse:collapse}
div.morepopup td{padding:1px 0px 0px 0px}
td.eventcell{padding:1px 0px 0px 0px}
.nowrap{white-space:nowrap}
div.mo-entry{overflow:hidden;height:18px;cursor:pointer;padding:0px 3px 0px 0px;margin:0px;font-size:8pt}
div.mo-multi{font-size:9pt;height:16px}
div.mo-multi a.cca{float:left}
div.endnext{background:#e3fbce url(images/calendar/arrow-e.png) right center no-repeat}
span.startprev{display:inline-block;width:7px;height:11px;background:url(images/calendar/arrow-w.png) left bottom no-repeat}
div.mo-drag{position:absolute;}
div.draghelper{}
div.draghelper .tentative{opacity:1;filter:alpha(opacity=100);-moz-opacity:1}
div.calendarcontainer div.dragging{opacity:.70;filter:alpha(opacity=70);-moz-opacity:0.70}
/* calendar end */

/* ui-popup start */
div.ui-bubble {
	position: absolute;
	display: none;
	outline:none;
}
div.ui-bubble-content {
	position: relative;
	background: white;
	padding: 10px;
	border: 1px solid gray;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);
	overflow-y:auto;
}
div.ui-bubble-buttonpane {
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
div.ui-bubble-buttonpane .ui-dialog-buttonset {
	float: right;
}
div.ui-bubble-stem {
	position: relative;
	background-image: url('images/ui-bubble-stem.png');
	background-repeat: no-repeat;
}
div.ui-bubble-n div.ui-bubble-content { top: -8px; }
div.ui-bubble-n div.ui-bubble-stem { bottom: 0px; width:17px; height: 9px; margin: -9px auto 0px auto; background-position: 0px 0px; }
div.ui-bubble-e div.ui-bubble-content { margin-left:9px; }
div.ui-bubble-e div.ui-bubble-stem { margin-top: -17px; width:9px; height: 17px; background-position: -17px -17px; }
div.ui-bubble-s div.ui-bubble-content { top: 9px; }
div.ui-bubble-s div.ui-bubble-stem { top: 0px; width:17px; height: 9px; margin: auto; background-position: 0px -17px; }
div.ui-bubble-w div.ui-bubble-content { margin-right:9px; }
div.ui-bubble-w div.ui-bubble-stem { margin-top: -17px; width:9px; height: 17px; background-position: -17px 0px; }
/* ui-popup end */


.expander
{
	background-repeat:no-repeat;
	background-position:left center;
	text-decoration:none;
	cursor:pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none
}
.expander:hover
{
	text-decoration:underline;
}
.expander.expanded
{
	background-image:url('images/collapse.png');
}
.expander.collapsed
{
	background-image:url('images/expand.png');
}

#searchForm div.group h4 {
	font-size: 9pt;
}
#searchForm div.group div{
	font-size: 9pt;
	font-weight: normal;
}
#searchForm h3 {
	font-size: 12pt;
	padding-left:18px;  
}
#searchForm div.group {
	padding-left: 18px;
}



table.dataTable thead th {
  background: transparent !important;
  white-space: nowrap;
}

table.dataTable thead span.sort-icon {
  display: inline-block;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 5px;
}

table.dataTable thead .sorting span { 
	background: url('../Content/Images/sort_both.png') no-repeat center right; 
}
table.dataTable thead .sorting_asc span { 
	background: url('../Content/Images/sort_asc.png') no-repeat center right; 
}
table.dataTable thead .sorting_desc span { 
	background: url('../Content/Images/sort_desc.png') no-repeat center right; 
}

table.dataTable thead .sorting_asc_disabled span { background: url('../Content/Images/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled span { background: url('../Content/Images/sort_desc_disabled.png') no-repeat center right; }

table.borderless td,table.borderless th{
	border: none !important;
}