html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	/*line-height: 1.0em;*/
	font-family: Arial;
	font-size: 11pt;
	background-color: white;
	/* 	background-image: url('../images/grl.png');
	background-repeat: repeat-y; */
	overflow: auto;
	height: 100%;
	color: initial;
	line-height: normal;
}

text {
	font-family : Arial !important; 	
}

#modrec {
	width: 98%;
	border: 1px solid #aaaaaa;
	padding: 3px;
}

* html body {
	padding-top: 56px;
}

* html, * html body {
	overflow-y: hidden;
	height: 100%;
	margin-top: -56px;
}

img {
	cursor: pointer;
}

b {
	font-size: 100%;
}

#topsection {
	position: fixed;
	width: 100%;
	background: #FFFFFF;
	height: 56px;
	left: 0;
	top: 0;
	color: black;
	z-index: 999;
}

#titlebar {
	position: fixed;
	text-align: center;
	width: 100%;
	font-size: 12pt;
	padding-top: 2px;
	padding-left: 0;
	font-weight: bold;
	top: 56px;
	margin: 0 0 0 0;
	height: 20px;
	z-index: 998;
	background: linear-gradient(to top, #f4efe5 0%, #d5c39d 100%);
	width: 100%;
}

#titleBarDialog {
	background: linear-gradient(to top, #f4efe5 0%, #d5c39d 100%);
	text-align: center;
	width: 100%;
	font-size: 12pt;
	padding-top: 6px;
	font-weight: bold;
	height: 20px;
	z-index: 998;
	/* background-repeat: repeat-x;
	background-image: url('../images/titlegr.jpg'); */
}

#customtitlebar {
	width: 100%;
	height: 1.5em;
	font-size: 12pt;
	padding-top: 12px;
	padding-left: 8px;
}

#logosection {
	position: relative;
	top: 0;
	left: 0;
	height: 30px;
	width: 220px;
	float: left;
}

#biglogosection {
	position: relative;
	top: 0;
	left: 0;
	height: 60px;
	width: 220px;
	float: left;
}

#titlesection {
	position: relative;
	top: 0;
	left: 0;
	height: 30px;
}

#title {
	position: relative;
	top: 0;
	left: 0;
	height: 0;
	padding-top: 6px;
	padding-left: 4px;
	width: 60%;
	float: left;
	color: #D2691E;
	font-size: 1.4em;
	text-align: left;
}

#sysinfo {
	position: absolute;
	top: 0;
	right: 0;
	height: 0;
	width: 400px;
}

#iconbar {
	position: absolute;
	clear: both;
	right: 0;
	top: 0;
	width: 100%;
	height: 30px;
	float: left;
	background: transparent;
}

#topsection h1 {
	margin: 0;
	padding-top: 15px;
}

html>body #leftcolumn {
	position: fixed;
	left: 0;
	top: 0;
	margin-top: 84px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	z-index: 100;
	max-height: 85%;
	overflow-x: hidden;
	overflow-y: auto;
	background: linear-gradient(to left, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
	border: 1px solid #a1dbff;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #888888;
	padding-top: 5px;
	margin-left: 4px;
}

#advert {
	margin-top: 15px;
	margin-left: 5px;
	padding: 3px;
	width: 170px;
	height: 450px;
	border: 1px solid #e0e0e0;
	background-color: white;
}

#contdiv {
	position: relative;
	z-index: 50;
	padding-top: 84px;
	margin: 0 0 0 210px;
	min-height: 100%;
	overflow: auto;
}

* html #contdiv {
	height: 100%;
	overflow: auto;
	overflow-y: scroll;
	position: relative;
	z-index: 2;
	padding-top: 80px;
}

#footer {
	clear: both;
	width: 100%;
	background: #BAB68F;
	color: #FFF;
	text-align: right;
	padding: 0;
}

#topmenu {
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	background: #E2E2E2;
	font-size: 10pt;
	padding: 0;
	height: 26px;
}

#footer a {
	
}

@media print {
	#iconbar {
		display: none;
	}
	#leftcolumn {
		display: none;
	}
	#contdiv {
		position: absolute;
		left: 0;
		top: 60px;
	}
}

/* ----------- breadcrumbs ------------  */
.bcrumbs a {
	padding: 0;
	padding-left: 0.2em;
	font-family: Arial;
	font-size: 9pt;
}

/* ----------- breadcrumbs ------------  */
.innertube {
	margin: 10px;
	/*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

li {
	text-decoration: none;
	white-space: nowrap;
}

div.mi a {
	font-size: 11pt;
	width: 100%;
}

.mi {
	cursor: pointer;
	line-height: 1.2em;
}

.mbi {
	font-weight: bold;
	cursor: pointer;
	padding-left: 0.2em;
}

div.mi {
	clear: left;
	font-family: Arial;
	font-size: 10pt;
}

div.mbi {
	margin-bottom: -1px;
	font-family: Arial;
	font-size: 11pt;
}

.tb {
	background-color: #CCCCCC;
	margin-left: -1px;
	padding: 2px;
	font-size: 9pt;
	font-family: Arial;
	float: left;
}

.navmenu {
	background-color: transparent;
	width: 100%;
	clear: left;
	padding-top: 15px;
}

td.tlbl {
	font-weight: bold;
	border-bottom: 2px solid black;
	padding: 3px;
}

td.rec {
	border-bottom: 1px solid #ADD8E6;
	font-family: Arial;
}

DIV.combo td {
	font-family: Arial;
	font-size: 10pt;
}

.flbl {
	margin-left: 0.4em;
	padding: 2px;
	font-size: 1em;
	font-family: Arial;
	color: navy;
}

.lookup img {
	padding: 0;
	border: 0 inset;
	margin-left: -2px;
}

.fld {
	padding: 2px;
	font-size: 10pt;
	margin-left: 0.4em;
	font-family: "Arial";
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

.fld_lkp {
	padding: 2px;
	font-size: 10pt;
	font-family: "Arial";
	margin-right: 0;
	margin-left: 0.4em;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

.vertAli * {
	vertical-align: middle;
}

SELECT {
	padding: 1px;
	margin-left: 0.4em;
	font-family: "Arial";
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	font-size: 12px;
	/*font: normal normal normal 12px/normal Arial !important; */
}

.mand {
	padding: 2px;
	background-color: #FFFF99;
	background: #FFFF99;
	margin-left: 0.4em;
	font-family: "Arial";
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

.mand_lkp {
	padding: 2px;
	background-color: #FFFF99;
	color: navy;
	margin-left: 0.4em;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

textarea {
	margin-left: 0.4em;
	border: 1px solid #DDDDDD;
	font-family: "Arial";
	font-size: 0.8em;
	font-family: "Arial";
	border-radius: 4px;
}

.ro {
	display: inline;
	font-family: "Arial";
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-color: #DDDDDD;
	color: navy;
	margin-left: 0.4em;
	padding: 2px;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

.modalDialog_transparentDivs {
	filter: alpha(opacity =       25); /* Transparency */
	opacity: 0.25; /* Transparency */
	background-color: #3333FF;
	z-index: 100;
	position: absolute; /* Always needed	*/
}

.modalDialog_contentDiv {
	border: 1px solid navy;
	background-color: #6699FF;
	padding: 5px 2px 2px;
	z-index: 100; /* Always needed	*/
	position: absolute; /* Always needed	*/
	box-shadow: 5px 5px 5px #555555;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modalDialog_contentDiv h1 {
	margin: 0;
	background-color: #6699FF;
	z-index: 110; /* Always needed	*/
	font-family: Arial;
	font-size: 12pt;
	color: yellow;
	height: 15pt;
}

.modalDialog_icontentDiv {
	margin: 2px;
	border: 1px solid navy;
	padding: 2px;
	z-index: 100; /* Always needed	*/
	position: relative;
	overflow: auto;
	background-color: #FFF; /* White background color for the message */
	line-height: 1.2em;
}

.modalDialog_contentDiv_shadow {
	z-index: 90; /* Always needed	- to make it appear below the message */
	position: absolute; /* Always needed	*/
	background-color: #555;
	filter: alpha(opacity =       30); /* Transparency */
	opacity: 0.3; /* Transparency */
}

.iframe_transparentDivs {
	filter: alpha(opacity =       25); /* Transparency */
	opacity: 0.25; /* Transparency */
	background-color: #3333FF;
	z-index: 1;
	position: absolute; /* Always needed	*/
}

div#omodiv {
	position: absolute;
	top: 120px;
	left: 30px;
	height: 200px;
	width: 400px;
	display: none;
	background-color: #FFFFE0;
}

div.rounded div {
	height: 1px;
	overflow: hidden;
} 

#radiusx, #radiusy {
	text-align: right;
	width: 30px;
}

#pagetitle {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	width: 200px;
	height: 50px;
	vertical-align: top;
}

div.cpDesc {
	font-family: Arial;
	font-size: 10pt;
	width: 200px;
	height: 50px;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
}

div.cpData {
	font-family: Arial;
	font-size: 10pt;
	width: 400px;
	height: 50px;
	vertical-align: top;
}

div.cpError {
	font-family: Arial;
	font-size: 10pt;
	height: 20px;
	width: 90%;
	vertical-align: middle;
	padding-top: 5px;
}

span.erScnd {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	width: 200px;
	vertical-align: bottom;
	text-align: center;
}

span.cTitle {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	width: 300px;
	vertical-align: bottom;
	text-align: center;
}

span.ansiloopref {
	font-family: Arial;
	font-size: 10pt;
	color: black;
	text-align: left;
	padding-left: 30px;
	width: 150px;
}

span.ansiloopdesc {
	font-family: Arial;
	font-size: 10pt;
	color: black;
	text-align: left;
	padding-left: 40px;
	width: 300px;
}

a.ansiref:link, a.ansiref:hover, a.ansiref:visited, a.ansireferror:link,
	a.ansireferror:hover, a.ansireferror:visited {
	font-family: Arial;
	font-size: 10pt;
	color: black;
	height: 3px;
	text-align: left;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 40px;
	width: 150px;
}

a.ansireferror:link, a.ansireferror:hover, a.ansireferror:visited {
	color: #DC143C;
}

div.ansiSegdesc {
	height: 3px;
	margin: 0;
	padding: 0;
	width: 300px;
}

a.seglink:link, a.seglink:hover, a.seglink:visited, a.seglinkerror:link,
	a.seglinkerror:hover, a.seglinkerror:visited {
	font-family: Arial;
	font-size: 10pt;
	color: black;
	height: 3px;
	text-align: left;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 60px;
	width: 400px;
}

.data {
	padding: 2px;
	font-size: 12pt;
	color: black;
}

.infobar {
	padding: 4px;
	font-size: 11pt;
	font-weight: bold;
	color: black;
	border-bottom: 2px solid #9DD5A9;
}

.drbox {
	padding: 2px;
	position: absolute;
	width: 200px;
	height: 100px;
	overflow: auto;
	background-color: #FFFFE0;
	border: solid 1px black;
	visibility: hidden;
}

.brsrch input[type="submit"] {
	border: 1px outset;
}

#rec TABLE {
	font-family: Arial;
	border-collapse: separate;
	margin-left: 0;
}

.pick {
	border: 1px solid #000000;
	margin-left: 0;
}

#rec TD {
	font-size: 11pt;
	font-family: "Arial";
	Color: Black;
	vertical-align: top;
	border: 1px solid #CCCCCC;
	border-spacing: 0;
	cursor: pointer;
	margin-left: 0;
}

#rec TR {
	vertical-align: top;
	border-spacing: 0;
}

#rec TH {
	background-color: #EEEEEE;
	color: navy;
	border: 1px solid #000000;
	font-size: 1em;
	text-align: center;
	vertical-align: baseline;
	cursor: pointer;
}

.brsrch TD {
	font-size: 1em;
	padding-right: 0.2em;
}

/* TABLE */
.rowheader {
	background-color: #9DD5A9;
	font-family: Arial;
	font-size: 12pt;
	border: 0 solid black;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	cursor: pointer;
}

/* conflict with bootstrap */
/*.row {
	background-color: #FFFFF0;
	font-family: Arial;
	font-size: 9pt;
	border: 1px solid #D3D3D3;
	padding: 1px;
	position: relative;
	height: 25px;
	left: 1px;
	width: 100%;
	display: table;
}*/

.cell {
	border: 0 solid #D3D3D3;
	margin: 0;
	padding: 2px;
	position: relative;
	float: left;
	top: 0;
}

.clist {
	overflow-x: hidden;
	overflow-y: scroll;
}

DIV.ctable table {
	padding: 0;
	border: 1px solid #CCCCCC;
}

DIV.ctable td {
	font-family: Arial;
	font-size: 11pt;
	border: 0 solid red;
}

DIV.ctable th {
	font-family: Arial;
	font-size: 11pt;
	text-align: left;
	color: navy;
	background-color: #DDDDDD;
	border: 2px outset;
}

.thdr {
	font-family: Arial;
	font-size: 6pt;
	padding: 0;
	margin: 0;
	border: 1px solid red;
	background-color: #00FFFF;
	height: 10px;
}

.tip {
	font: 10px/12px Arial, Helvetica, sans-serif;
	border: solid 1px #666666;
	padding: 1px;
	position: absolute;
	z-index: 999999;
	visibility: hidden;
	color: #333333;
	top: 20px;
	left: 90px;
	background-color: #ffffcc;
}

table.noBorder {
	margin: 0;
	padding: 0;
	font-size: 11pt;
	font-family: Arial;
	border-collapse: collapse;
	border-left: 0;
	border-right: 0;
	background: transparent;
}

table.noBorder th {
	padding: 2px 0 2px 2px;
	text-align: left;
}

table.noBorder tr:hover {
	background-color: #FFFFCA;
}

table.noBorder td {
	font-size: 10pt;
	font-family: "Arial";
	vertical-align: top;
	border-bottom: 0;
	cursor: pointer;
	margin: 0;
	empty-cells: show;
}

table.actionsTable {
	margin: 0;
	padding: 0;
	font-size: 11pt;
	font-family: Arial;
	border-collapse: collapse;
	border-left: 0;
	border-right: 0;
	background: transparent;
}

table.actionsTable th {
	padding: 2px 0 2px 2px;
	text-align: left;
}

table.actionsTable tr:hover {
	
}

table.actionsTable td {
	font-size: 10pt;
	font-family: "Arial";
	vertical-align: top;
	border-bottom: 0;
	cursor: pointer;
	margin: 0;
	empty-cells: show;
}

table.fixedTable {
    table-layout: fixed;
    width: 99%;
}

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

table.fixedTable input:not([type="button"]):not(.eui_date),
table.fixedTable textarea {
	max-width: 95%;
}

/* ---------------------------- */
/* scrollTable                  */
/* ---------------------------- */
/* datTable for styling only */
table.dataTable {
	margin: 0;
	padding: 0;
	font-size: 11pt;
	font-family: Arial;
	/* border-collapse: collapse; */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: transparent;
}

table.dataTable th {
	padding: 2px 0 2px 1px;
	text-align: left;
}

table.dataTable tr:hover {
	background-color: #FFFFCA;
}

.actionRowsColor {
	background: #E0E6F8;
}

.actionRowsColor:nth-child(odd) {
	background-color: #E0E6F8;
}

.actionRowsColor:nth-child(even) {
	background-color: #CED8F6;
}

.actionHeaderColor {
	background: #5882FA !important;
	color: white !important;
}

.taskRowsColor {
	background: #DDFFFF;
}

.taskRowsColor:nth-child(odd) {
	background-color: #DDFFFF;
}

.taskRowsColor:nth-child(even) {
	background-color: #C4F0F0;
}

.taskHeaderColor {
	background: #088A85 !important;
	color: white !important;
}

.noRecordHeaderColor {
	background: #CCCCCC;
}

.headerColorDefault {
	background-color: #848484 !important;
	color: white !important;
}

.lightColorDefault:nth-child(odd) {
	background-color: #ffffff;
}

.lightColorDefault:nth-child(even) {
	background-color: #f8f8f8;
}

.headerColorTaskManagement {
	background: #9C9284 !important;
	color: white !important;
}

.lightColorTaskManagement {
	background: #E6E6CC;
}

.lightColorTaskManagement:nth-child(odd) {
	background: #E6E6CC;
}

.lightColorTaskManagement:nth-child(even) {
	background: #CCCC99;
}

.headerColorTask {
	background: #7D9C9F !important;
	color: white !important;
}

.lightColorTask {
	background: #DFEFF0;
}

.lightColorTask:nth-child(odd) {
	background: #DFEFF0;
}

.lightColorTask:nth-child(even) {
	background: #BDD8DA;
}

.headerColorAction {
	background: #d84f32 !important;
	color: white !important;
}

.lightColorAction {
	background: #FFE9E8;
}

.lightColorAction:nth-child(odd) {
	background: #FFE9E8;
}

.lightColorAction:nth-child(even) {
	background: #fcf2f5;
}

.headerColorBlue {
	background: #045FB4 !important;
	color: white !important;
}

.mediumColorBlue {
	background: #A9D0F5;
}

.lightColorBlue {
	background: #E0ECF8;
}

.lightColorBlue:nth-child(odd) {
	background: #E0ECF8;
}

.lightColorBlue:nth-child(even) {
	background: #CEE3F6;
}

.headerColorGreen {
	background: #04B404 !important;
	color: white !important;
}

.mediumColorGreen {
	background: #A9F5A9;
}

.lightColorGreen {
	background: #E0F8E0;
}

.lightColorGreen:nth-child(odd) {
	background: #E0F8E0;
}

.lightColorGreen:nth-child(even) {
	background: #CEF6CE;
}

.inColorGreen {
	background: #BCF5A9;
}

.outColorRed {
	background: darksalmon;
}

.headerColorPink {
	background: #B40486 !important;
	color: white !important;
}

.mediumColorPink {
	background: #F5A9E1;
}

.lightColorPink {
	background: #F8E0F1;
}

.lightColorPink:nth-child(odd) {
	background: #F8E0F1;
}

.lightColorPink:nth-child(even) {
	background: #F6CEEC;
}

.headerColorRed {
	background: #B40431 !important;
	color: white !important;
}

.mediumColorRed {
	background: #F5A9BC;
}

.lightColorRed {
	background: #F8E0E6;
}

.lightColorRed:nth-child(odd) {
	background: #F8E0E6;
}

.lightColorRed:nth-child(even) {
	background: #F6CED8;
}

.headerColorHistory {
	background: #FF9900 !important;
	color: white !important;
}

.mediumColorHistory {
	background: #FFBB55;
}

.lightColorHistory {
	background: #FFEED5;
}

.lightColorHistory:nth-child(odd) {
	background: #FFEED5;
}

.lightColorHistory:nth-child(even) {
	background: #FFDDAA;
}

.headerColorLightBlue {
	background: #0489B1 !important;
	color: white !important;
}

.mediumColorLightBlue {
	background: #A9E2F3;
}

.lightColorLightBlue {
	background: #E0F2F7;
}

.lightColorLightBlue:nth-child(odd) {
	background: #E0F2F7;
}

.lightColorLightBlue:nth-child(even) {
	background: #CEECF5;
}

.headerColorYellow {
	background: #B18904 !important;
	color: white !important;
}

.mediumColorYellow {
	background: #F3E2A9;
}

.lightColorYellow {
	background: #F7F2E0;
}

.lightColorYellow:nth-child(odd) {
	background: #F7F2E0;
}

.lightColorYellow:nth-child(even) {
	background: #F5ECCE;
}

.headerColorPurple {
	background: #6A1870 !important;
	color: white !important;
}

.lightColorPurple {
	background: #FFD2FF;
}

.lightColorPurple:nth-child(odd) {
	background: #FFD2FF;
}

.lightColorPurple:nth-child(even) {
	background: #E1B4E1;
}

.headerColorOrange {
	background: #D4242A !important;
	color: white !important;
}

.lightColorOrange {
	background: #FFCAA6;
}

.lightColorOrange:nth-child(odd) {
	background: #FFCAA6;
}

.lightColorOrange:nth-child(even) {
	background: #F7A163;
}

.fht_fixed_header {
	background: #E6E6E6;
	text-align: left;
}

table.dataTable td {
	font-size: 10pt;
	font-family: "Arial";
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	margin: 0;
	empty-cells: show;
}

/* This makes the scrolling table work */
div.scrtbl {
	height: 100%;
	overflow: auto;
	position: relative;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
}

div.rltitle {
	margin-left: 2px;
	margin-right: 2px;
	padding: 2px 0 2px 0;
	background-color: #D8D8D8;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 4px;
}

div.scrtbl table {
	
}

div.scrtbl th {
	font-size: 0.75em;
	font-weight: bold;
	font-family: Arial;
	background-color: #E6E6E6;
}

div.scrtbl td {
	padding-right: 4px;
}

html>body div.scrtbl table {
	
}

html>body div.scrtbl table>tbody {
	overflow: auto;
	overflow-x: hidden;
}

div.scrtbl thead tr {
	position: relative;
}

div.scrtbl thead th {
	font-size: 0.85em;
	cursor: pointer;
}

div.scrtbl td:last-child {
	padding-right: 20px;
}

.trowid {
	display: none;
}

div.tabinfo {
	background: white;
	width: 99%;
	height: 100%;
	padding: 0;
	border: 0 solid green;
}

#pform TD {
	font-size: 95%;
	Color: Black;
	vertical-align: top;
	padding: 2px;
	border: 0 solid #000000;
}

#pform LABEL {
	font-weight: normal;
	font-family: Arial;
	font-size: 1em;
	color: black;
	padding-right: 0.4em;
}

#rephist {
	background-color: white;
	border: solid 1px #CC6600;
	color: #000000;
	padding: 4px;
	overflow: scroll;
	width: 700px;
	height: 300px;
}

fieldset {
	width: 99% !important;
	margin-top: 0 !important;
	margin-bottom: 0.6em !important;
	padding: 0.2em;
	background-color: #F6F6F6;
	border: 1px solid #DDDDDD;
	min-width: 100% !important;
	/*border-radius: 7px;*/

}

fieldset a {
	margin-left: 0.2em;
	padding: 0;
	cursor: pointer;
}

legend {
	font-weight: bold;
	font-size: 15px;
	color: navy;
	font-family: Arial;
}

label {
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: black;
	margin-left: 0.4em;
	white-space: nowrap;
}

.labelRespDiv {
	font-size: 0.9em;
}

.hdrtitle {
	font-family: Arial;
	font-size: 1em;
	color: black;
	padding-right: 0.4em;
	background-color: #FFFFEE;
}

.vinfo {
	display: inline;
	font-family: Arial;
	font-size: 0.85em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-color: #F4F4F4;
	padding: 2px;
	margin-left: 0;
	margin-right: 4px;
	padding-left: 0;
	color: black;
	border-style: none;
	display: -moz-inline-stack;
	display: inline-block;
}

.iconlink {
	text-align: left;
	text-decoration: underline;
}

.iconspan {
	margin-left: 3px;
}

tabstyle

div.tabBox {
	width: 50%;
}

div.tabArea {
	font-family: Arial;
	font-size: 0.9em;
	font-weight: bold;
}

.hovertabs:hover {
	background-color: #F7FAB2;
	border-width: 1px 1px 0;
	position: relative;
	top: 1px;
}

.hovertabs_blue:hover {
	background-color: #e7e7e7;
	border-width: 1px 1px 0;
	position: relative;
	top: 1px;
}

.hovertabs_yellow:hover {
	background-color: #F7FAB2;
	border-width: 1px 1px 0;
	position: relative;
	top: 1px;
}

.hovertabs_mint:hover {
	background-color: #F5FFFA;
	border-width: 1px 1px 0;
	position: relative;
	top: 1px;
}

.hovertabs_tasks:hover {
	background-color: #FEF1E9;
	border-width: 1px 1px 0;
	position: relative;
	top: 1px;
}

a.tab {
	position: relative;
	font-family: Arial;
	font-size: 0.85em;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	padding: 0.1em 0.3em 0.1em 0.3em;
	text-decoration: none;
	margin: 0;
	top: 0;
	z-index: 1;
}

a.tab, a.tab:visited {
	color: #808080;
}

a.tab:hover {
	background-color: #d0d0d0;
	color: #606060;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
	background-color: #d0d0d0;
	color: #000000;
}

a.tab.activeTab {
	z-index: 2;
}

div.tabMain {
	background-color: #e0e0e0;
	padding: 0.2em;
	margin-right: 1.5em;
	position: relative;
	height: 80%;
	z-index: 1;
}

.tabIframeWrapper {
	height: 100%;
}

.pform {
	background-color: #DAE9F8;
}

div.tabIframeWrapper {
	width: 100%;
}

iframe.tabContent {
	font-size: 0.8em;
	border: 1px solid #000000;
	background: #DAE9F8;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0em;
	z-index: 500;
}

div.tabs a {
	font-family: Arial;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #e0e0e0;
	padding-left: 0.2em;
	padding-right: 0.2em;
	background: #f0f0f0;
	cursor: pointer;
}

div.links a {
	margin-right: 5px;
}

div.links {
	margin-top: 0;
	margin-bottom: 0;
}

div.links a:hover {
	
}

button.links {
	margin-left: 2px;
	margin-right: 2px;
}

div.tabs a:hover {
	background-color: #d0d0d0;
	color: #606060;
}

.clink {
	color: blue;
	text-decoration: none;
	cursor: pointer;
	margin-left: 0.2em;
}

.clinkRed {
	color: red;
	text-decoration: none;
	cursor: pointer;
	margin-left: 0.2em;
}

.clink4 {
	color: blue;
	text-decoration: none;
	cursor: pointer;
	margin-left: 0.2em;
}

.clink2 {
	color: blue;
	text-decoration: none;
	cursor: pointer;
}

.clink3 {
	text-decoration: none;
	cursor: pointer;
	margin-left: 0.2em;
}

.clink5 {
	text-decoration: none;
	cursor: pointer;
}

a.clink2:hover {
	text-decoration: none;
}

a.clink5:hover {
	text-decoration: none;
}

a.clink3:hover {
	text-decoration: none;
}

.icon-true:hover {
	text-decoration: none;
}

.icon-false:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.dayLinkInScheduler:hover {
	text-decoration: underline;
	cursor: pointer;
}

.icon {
	background-repeat: no-repeat;
	padding-left: 18px;
}

.icon-addtolist {
	background-image: url("../../images/r_list.png");
	font-family: Arial;
}

.icon-export {
	background-image: url("../../images/r_export.png");
	font-size: 90%;
}

.icon-reload {
	background-image: url("../../images/r_reload.png");
}

.icon-create_action {
	background-image: url("../../images/create_action.gif");
}

.icon-properties {
	background-image: url("../../images/r_tbl_prop.gif");
}

.icon-properties_dis {
	background-image: url("../../images/r_tbl_prop_dis.gif");
}

.icon-massupdate {
	background-image: url("../../images/saveAll2.png");
}

.icon-true {
	background-image: url("../../images/r_true.png");
}

.icon-exclamation {
	background-image: url("../../images/r_excl.png");
}

.icon-ex12 {
	background-image: url("../../images/ex_mark.png");
}

.icon-del12 {
	background-image: url("../../images/del12.gif");
}

.icon-false {
	background-image: url("../../images/r_false.gif");
}

.icon-exportexcel {
	background-image: url("../../images/excelexport.gif");
}

.icon-deltable {
	background-image: url("../../images/deltable.gif");
}

.icon-multitask {
	background-image: url("../../images/multitask.png");
}

.icon-help {
	background-image: url("../../images/question.gif");
}

.icon-createOpp {
	background-image: url("../../images/createOpp.png");
}

.icon-time {
	background-image: url("../../images/time.gif");
}

.icon-sort_asc {
	background-image: url("../../images/sort_up.gif");
	font-size: 0.75em;
	padding-left: 12px;
}

.icon-sort_desc {
	background-image: url("../../images/sort_down.gif");
	font-size: 0.75em;
	padding-left: 12px;
}

.hiddenT {
	opacity: 0;
}

.icon-sendemail {
	background-image: url("../../images/r_send_email.png");
	font-family: Arial;
}

.icon-plus {
	background-image: url("../../images/plus.png");
	font-size: 0.75em;
	padding-left: 12px;
}

.icon-legend {
	background-image: url("../../images/legend.png");
	font-size: 0.75em;
	padding-left: 12px;
}

.icon-minus {
	background-image: url("../../images/minus.png");
	font-size: 0.75em;
	padding-left: 12px;
}

.icon-sendtext {
	background-image: url("../../images/r_send_text.png");
	font-family: Arial;
}

.icon-selectall {
	background-image: url("../../images/r_select.png");
	font-family: Arial;
}

.icon-delete {
	background-image: url("../../images/delete.gif");
	font-family: Arial;
}

.icon-changeParent {
	background-image: url("../../images/changeParent.gif");
}

.icon-unlock {
	background-image: url("../../images/unlock.png");
}

.icon-remove {
	background-image: url("../../images/delete.png");
}

.icon-remove10 {
	background-image: url("../../images/DeleteAlt10.png");
	background-position: left center;
	padding-left: 14px;
}

.icon-download10 {
	background-image: url("../../images/Save10.png");
	background-position: left center;
	padding-left: 14px;
}

.icon-move {
	background-image: url("../../images/r_move.png");
	font-family: Arial;
}

.icon-attach {
	background-image: url("../../images/r_attach_add1.png");
}

.icon-edit {
	background-image: url("../../images/r_edit.png");
}

.icon-edit_inline {
	background-image: url("../../images/edit-inline.gif");
	padding-left: 16px;
}

.icon-convert {
	background-image: url("../../images/conv.gif");
}

.icon-sort1 {
	background-image: url("../../images/sort_ascending.png");
}

.icon-sort2 {
	background-image: url("../../images/sort_descending.png");
}

.icon-phone {
	background-image: url("../../images/phone_icon.png");
}

.icon-edit_inline {
	background-image: url("../../images/edit_inline.gif");
}

.icon-show {
	background-image: url("../../images/r_arrow.gif");
}

.icon-right {
	background-image: url("../../images/RightArrow.gif");
}

.icon-add_event {
	background-image: url("../../images/add.gif");
}

.icon-expandAll {
	background-image: url("../../images/expandall.gif");
}

.icon-collapseAll {
	background-image: url("../../images/collapseall.gif");
}

.icon-next {
	background-image: url("../../images/next1.png");
}

.icon-prev {
	background-image: url("../../images/prev1.png");
}

.icon-clear_filter {
	
}

.icon-pick {
	background-image: url("../../images/pick.png");
}

.icon-look {
	background-image: url("../../images/r_screen.gif");
}

.icon-permission {
	background-image: url("../../images/permission.png");
}

.icon-editTitle {
	background-image: url("../../images/iconEdit.png");
}

.icon-owner {
	background-image: url("../../images/owner.png");
}

.icon-download {
	background-image: url("../../images/r_download.png");
}

.icon-download12 {
	background-image: url("../../images/down12.png");
}

.icon-board {
	background-image: url("../../images/board.png");
	vertical-align: middle;
}

td {
	empty-cells: show;
}

td.aptime {
	font-size: 0.8em;
	background-color: lightyellow;
	text-align: center;
	height: 22px;
	white-space: nowrap;
}

td.apslot {
	cursor: pointer;
	vertical-align: top;
}

td.apslot_dis {
	text-align: center;
}

td.aptslot {
	font-size: 0.8em;
	padding: 2px;
	text-align: center;
	cursor: pointer;
}

.progressButton {
	border: 1px solid lightgray;
	background-image: url("../../images/progress.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.xpre {
	font-family: Arial;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

.tabctrl ul {
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}

.tabctrl li {
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	border-radius: 4px 4px 0 0;
}

.tabs {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: #F7FAB2;
}

.tabsLG {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: lightgrey;
}

.tabsAliceBlue {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: aliceblue;
}

.tabs_blue {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: #e7e7e7;
	font-weight: bold;
}

.tabs_yellow {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: #F7FAB2;
}

.tabs_mint {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: #F5FFFA;
}

.tabs_tasks {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	top: 1px;
	background-color: #FEF1E9;
}

.tabs_blue_dis {
	border: 1px solid #777777;
	border-bottom: 0;
	font-size: 0.9em;
	color: grey;
	float: left;
	padding: 0.3em;
	margin: 0 0.2em;
	position: relative;
	background-color: #F6F6F6;
}

.tabcont {
	font-size: 0;
	border: 0;
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	width: 99%;
	background-color: #F7FAB2;
}

#sddm {
	margin: 0;
	padding: 0;
	z-index: 999;
	float: left;
}

#sddm li {
	margin: 0;
	padding-right: 4px;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	list-style: none;
}

#sddm div {
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2;
	position: fixed;
}

#sddm div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: black;
	font: 11px arial;
}

#sddm div a:hover {
	background: #49A3FF;
	color: #FFF;
}

.cellHover {
	border: 1px solid #D3D3D3;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #888888;
	padding: 4px;
	font-size: 0.85em;
}

.cellHover:hover {
	cursor: pointer;
	border-style: solid;
	border-color: red;
}

.notopborder {
	font-size: 0.8em;
	color: blue;
}

.notopborder:hover {
	cursor: pointer;
}

#sddm div a:visited {
	color: black;
}

.bgColorAqua {
	background: aqua;
}

.bgColorBlack {
	background: black;
	color: white;
}

.bgColorBlue {
	background: deepskyblue;
}

.bgColorFuchsia {
	background: hotpink;
}

.bgColorGray {
	background: gray;
}

.bgColorGrey {
	background: grey;
}

.bgColorGreen {
	background: green;
}

.bgColorLime {
	background: lime;
}

.bgColorMaroon {
	background: maroon;
}

.bgColorNavy {
	background: navy;
	color: white;
}

.bgColorOlive {
	background: olive;
}

.bgColorPurple {
	background: purple;
}

.bgColorRed {
	background: red;
}

.bgColorSilver {
	background: silver;
}

.bgColorTeal {
	background: teal;
}

.bgColorWhite {
	background: white;
}

.bgColorYellow {
	background: yellow;
}

.fgColorAqua {
	color: aqua;
}

.fgColorBlack {
	color: black;
}

.fgColorBlue {
	color: blue;
}

.fgColorFuchsia {
	color: fuchsia;
}

.fgColorGray {
	color: gray;
}

.fgColorGrey {
	color: grey;
}

.fgColorGreen {
	color: green;
}

.fgColorLime {
	color: lime;
}

.fgColorMaroon {
	color: maroon;
}

.fgColorNavy {
	color: navy;
}

.fgColorOlive {
	color: olive;
}

.fgColorPurple {
	color: purple;
}

.fgColorRed {
	color: red;
}

.fgColorSilver {
	color: silver;
}

.fgColorTeal {
	color: teal;
}

.fgColorWhite {
	color: white;
	background: black;
}

.fgColorYellow {
	color: yellow;
}

.message {
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255
		, 255, 255, .05)), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
		color-stop(.75, rgba(255, 255, 255, .05)),
		color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	box-shadow: inset 0 5px 5px rgba(255, 255, 255, .4);
	width: 100%;
	border: 1px solid;
	color: #fff;
	padding: 10px;
	position: fixed;
	_position: absolute;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;
}

.info {
	background-color: #4ea5cd;
	border-color: #3b8eb5;
}

.success {
	background-color: #61b832;
	border-color: #55a12c;
}

.miover {
	/* background-image: linear-gradient(bottom, #FFFF66 50%, #FFFF00 50%);
	background-image: -o-linear-gradient(bottom, #FFFF66 50%, #FFFF00 50%);
	background-image: -moz-linear-gradient(bottom, #FFFF66 50%, #FFFF00 50%);
	background-image: -webkit-linear-gradient(bottom, #FFFF66 50%, #FFFF00 50%);
	background-image: -ms-linear-gradient(bottom, #FFFF66 50%, #FFFF00 50%); */
	/* background-image: linear-gradient(left, transparent, yellow, transparent);
	background-image: -o-linear-gradient(left, transparent, yellow, transparent);
	background-image: -moz-linear-gradient(left, transparent, yellow, transparent);
	background-image: -webkit-linear-gradient(left, transparent, yellow, transparent);
	background-image: -ms-linear-gradient(left, transparent, yellow, transparent); */
	/* background: yellow; */
}

#noUnderlineLinkHover:hover {
	text-decoration: none;
}

.headerColorOverview {
	background: #B18904 !important;
	color: white !important;
	font-size: 0.8em;
}

.headerOverview {
	font-size: 0.8em;
}

#srch {
	/* background-color: #E8E8E8; */
	background-color: lavender;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	margin-top: 2px;
	width: 99%;
	margin-top: 2px
}

.searchFs {
	/* background-color: #E8E8E8; */
	background-color: lavender;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	margin-top: 2px;
	width: 99%;
	margin-top: 2px
}

.cardBgFs {
	background-color: #FAFAFA;
}

.tabFs {
	
}

.connectedSortable {
	min-height: 20px;
	min-width: 60px;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.connectedSortable li {
	list-style: none;
	margin: 3px;
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.9em;
	width: 100px;
}

.ui-state-highlight {
	border: 1px dashed #CCC;
	border-radius: 3px;
	background: none;
	/* width: 100px; */
}

.ui-state-hover {
	background-color: yellow;
}

.ui-tabs-active {
	background-color: white;
}

.visibleFs {
	width: 320px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 30px;
	float: left;
}

.sortTabsLi {
	list-style: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #CCCCCC;
	padding: 3px 0;
	margin-top: 10px;
	border-radius: 3px;
}

.modernFS {
	border-radius: 5px;
	box-shadow: 3px 3px 3px #CCCCCC;
	margin-bottom: 1.2em;
	padding: 0;
}

.innerFS {
	border: 1px dotted lightgray;
	border-radius: 5px;
	background-color: seashell;
}

.fieldSetHeaderDiv {
	font-size: 11pt;
	font-weight: bold;
	color: navy;
	padding: 4px;
	border-radius: 5px; /* the same as modernFS element */
	/* background-color: #F6F6F6; */
	background: linear-gradient(to bottom, #e7e7e7 0%, #f6f6f6 100%)
}

/* #draggable {
	width: 220px;	
	float: left;
} */
.noRecordMsg {
	color: darkred;
}

.eui-dragged {
	border: 3px dashed navy;
}

#modalDialog_title {
	margin-left: 5px;
}

#modalDialog_title_close_icon {
	margin-right: 2px;
}

.topicMessage {
	background-color: lightblue;
	font-size: 0.9em;
	cursor: pointer;
	/* white-space: pre-line; */
	padding: 3px;
	border-radius: 4px;
	width: 95%;
}

.topicMessage:hover {
	border-color: gray;
}

a.nound:hover {
	text-decoration: none;
}

.show_calendar {
	vertical-align: top;
}

.ticketWidget {
	border: 1px solid lightgray;
	border-collapse: collapse;
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 6px;
	font-size: 80%;
}

.ticketWidget tr:nth-child(odd) {
	background-color: #eeeeee;
}

.ticketWidget tr:nth-child(even) {
	background-color: #e7e7e7;
}

.ticketWidget tr {
	border: 1px solid lightgray;
}

.ticketWidget td {
	border: none;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

.clickableNumber:hover {
	text-decoration: underline;
	color: blue;
}

.lightColorFcDefault:nth-child(4n + 1) {
	background-color: #ffffff;
}

.lightColorFcDefault:nth-child(4n + 3) {
	background-color: #f8f8f8;
}

.lightColorFcDefault:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcBlue:nth-child(4n + 1) {
	background: #E0ECF8;
}

.lightColorFcBlue:nth-child(4n + 3) {
	background: #CEE3F6;
}

.lightColorFcBlue:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcGreen:nth-child(4n + 1) {
	background: #E0F8E0;
}

.lightColorFcGreen:nth-child(4n + 3) {
	background: #CEF6CE;
}

.lightColorFcGreen:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcPink:nth-child(4n + 1) {
	background: #F8E0F1;
}

.lightColorFcPink:nth-child(4n + 3) {
	background: #F6CEEC;
}

.lightColorFcPink:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcRed:nth-child(4n + 1) {
	background: #F8E0E6;
}

.lightColorFcRed:nth-child(4n + 3) {
	background: #F6CED8;
}

.lightColorFcRed:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcLightBlue:nth-child(4n + 1) {
	background: #E0F2F7;
}

.lightColorFcLightBlue:nth-child(4n + 3) {
	background: #CEECF5;
}

.lightColorFcLightBlue:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcYellow:nth-child(4n + 1) {
	background: #F7F2E0;
}

.lightColorFcYellow:nth-child(4n + 3) {
	background: #F5ECCE;
}

.lightColorFcYellow:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcPurple:nth-child(4n + 1) {
	background: #FFD2FF;
}

.lightColorFcPurple:nth-child(4n + 3) {
	background: #E1B4E1;
}

.lightColorFcPurple:nth-child(2n + 2) {
	background-color: lightgreen;
}

.lightColorFcOrange:nth-child(4n + 1) {
	background: #FFCAA6;
}

.lightColorFcOrange:nth-child(4n + 3) {
	background: #F7A163;
}

.lightColorFcOrange:nth-child(2n + 2) {
	background-color: lightgreen;
}

.ui-dialog {
	background: white;
	box-shadow: 6px 6px 6px #666666;
}

.ui-dialog-titlebar {
	margin-bottom: 10px;
}

.ui-dialog-title {
	/* color: darkred; */
	text-align: center;
	padding-left: 4%;
	padding-bottom: 2px;
	line-height: 1.0em;
}

.ui-widget {
	font-family: Arial;
	font-size: 11pt;
}

.ui-widget input {
	font-family: Arial;
	font-size: 10pt;
}

.ui-widget select {
	font-family: Arial;
	font-size: 10pt;
}

.ui-widget textarea {
	font-family: Arial;
	font-size: 10pt;
}

.ui-widget button {
	font-family: Arial;
	font-size: 10pt;
}

.ui-widget-content a {
	color: blue;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden !important;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	/*display: table; */
	float: left;
	min-height: 1.4em;
	margin: 0px;
	font-size: 11px;
	padding-top: 0;
	padding-bottom: 3px;
	/*margin: 1px 0 1px 0%;*/
	/* 	-webkit-box-shadow:inset 0px 0px 0px 1px;
    -moz-box-shadow:inset 0px 0px 0px 1px;
    box-shadow:inset 0px 0px 0px 1px; */
}

.cold {
	display: block;
	float: left;
	min-height: 1.1em;
	margin: 0px;
}

/* format fields within cold to have 90% width */
.cold>.fld {
	max-width: 90%;
}

.gd_selected {
	background-color: #FFFF91;
	-webkit-box-shadow: inset 0px 0px 0px 1px #f00;
	-moz-box-shadow: inset 0px 0px 0px 1px #f00;
	box-shadow: inset 0px 0px 0px 2px navy;
}

.col:first-child {
	margin-left: 0;
}

/*  GROUPING  */
.group:before, .group:after {
	/*content:"";*/
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 */
}

/*  GRID OF TEN  */
.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 90%;
}

.span_8_of_10 {
	width: 80%;
}

.span_7_of_10 {
	width: 70%;
}

.span_6_of_10 {
	width: 60%;
}

.span_5_of_10 {
	width: 50%;
}

.span_4_of_10 {
	width: 40%;
}

.span_3_of_10 {
	width: 30%;
}

.span_2_of_10 {
	width: 20%;
}

.span_1_of_10 {
	width: 10%;
}

.rspan_2 {
	height: 2.8em;
}

.rspan_3 {
	height: 4.0em;
}



/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.63%;
}
.span_10_of_12 {
  	width: 83.26%;
}

.span_9_of_12 {
  	width: 74.9%;
}

.span_8_of_12 {
  	width: 66.53%;
}

.span_7_of_12 {
  	width: 58.16%;
}

.span_6_of_12 {
  	width: 49.8%;
}

.span_5_of_12 {
  	width: 41.43%;
}

.span_4_of_12 {
  	width: 33.06%;
}

.span_3_of_12 {
  	width: 24.7%;
}

.span_2_of_12 {
  	width: 16.33%;
}

.span_1_of_12 {
  	width: 7.966%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
}




/*  GRID OF TWENTY  */
.span_20_of_20 {
	width: 100%
}

.span_19_of_20 {
	width: 95%
}

.span_18_of_20 {
	width: 90%
}

.span_17_of_20 {
	width: 85%
}

.span_16_of_20 {
	width: 80%
}

.span_15_of_20 {
	width: 75%
}

.span_14_of_20 {
	width: 70%
}

.span_13_of_20 {
	width: 65%
}

.span_12_of_20 {
	width: 60%
}

.span_11_of_20 {
	width: 55%
}

.span_10_of_20 {
	width: 50%
}

.span_9_of_20 {
	width: 45%
}

.span_8_of_20 {
	width: 40%
}

.span_7_of_20 {
	width: 35%
}

.span_6_of_20 {
	width: 30%
}

.span_5_of_20 {
	width: 25%
}

.span_4_of_20 {
	width: 20%
}

.span_3_of_20 {
	width: 15%
}

.span_2_of_20 {
	width: 10%
}

.span_1_of_20 {
	width: 5%
}

.lright {
	text-align: right;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
		font-size: 7pt;
	}
}

@media only screen and (max-width: 480px) {
	.span_10_of_10 {
		width: 100%;
	}
	.span_9_of_10 {
		width: 100%;
	}
	.span_8_of_10 {
		width: 100%;
	}
	.span_7_of_10 {
		width: 100%;
	}
	.span_6_of_10 {
		width: 100%;
	}
	.span_5_of_10 {
		width: 100%;
	}
	.span_4_of_10 {
		width: 100%;
	}
	.span_3_of_10 {
		width: 100%;
	}
	.span_2_of_10 {
		width: 100%;
	}
	.span_1_of_10 {
		width: 100%;
	}
	.lright {
		text-align: center
	}
}

.eui-ta-right {
	text-align: right;
	margin-right: 6px;
	font-weight: bold;
	font-family: Arial;
	font-size: 0.75em;
	color: black;
	margin-left: 0.4em;
	/*white-space: nowrap;*/
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

ul.ui-autocomplete.ui-menu {
	width: 400px;
	font-size: 9pt;
}

.ui-autocomplete-loading {
	background: url('img/indicator.gif') no-repeat right center
}

.divAsButtonSave {
	background: darkcyan;
	color: white;
	width: 60px;
	text-align: center;
	padding: 8px;
	font-size: 13pt;
	border-radius: 5px;
	cursor: pointer;
	/* border: 1px solid;
	border-color: teal; */
}

.divAsButtonCancel {
	background: indianred;
	color: white;
	width: 60px;
	text-align: center;
	padding: 8px;
	font-size: 13pt;
	border-radius: 5px;
	cursor: pointer;
	/* border: 1px solid;
	border-color: crimson; */
}

.ckeditSelect {
	border: 1px solid #a6a6a6;
	background: #e4e4e4;
	border-radius: 3px;
	background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
	border-bottom-color: #979797;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px
		rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
	height: 28px;
	font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana,
		Sans-Serif;
	color: #474747;
}

.ui-front {
	z-index: 1000;
}

#theader {
	border: none;
	border-radius: 5px;
}

#tservices {
	border: none;
}

#tmasterreferences {
	border: none;
}

#OPMModalDialog2 {
	line-height: 1.2em;
}

.email_header {
	width: 100%;
	background: azure;
	font-size: 13px;
	display: flex;
	margin-bottom: 10px;
	text-align:initial;
}

.email_footer {
	width: 100%;
	/*background: azure;*/
	/*font-size: 13px;*/
	/*display: flex;*/
	margin-bottom: 2px;
	margin-top: 3px;
}
.email_header_left {
	width: 40%;
  	float: right;
  	font-size: 10px;
}

.email_header_right {	
  	float: left;
  	width: 56%;
  	font-size: 10px;
  	margin-left:10px;
}

.email_header label{
  	font-size: 10px;
}

#waitForAjaxDiv {
	background:#666 url("../../images/diagonalBg.png") 50% 50% repeat;
	opacity: 0.5;
}

.highlight { background-color: yellow }

.attendees_header {
	width: 100%;
	background: azure;
	display: flex;
	margin-bottom: 10px;
	text-align:initial;
}

#selectionfieldsFS tbody {
	vertical-align: top;
}



.eui_datewrapper
{
	display: flex;
}

.eui_input
{
	border-radius: 4px;
	border: 1px solid #DDDDDD;
	padding-left: 4px;
}

.eui_date
{
	max-width: 95%;
}

.eui_dropdown
{
		
}

.eui_dropdownitem
{	
}

.eui_dropdownitemgroup
{
	font-weight: bold;
}

.eui_tablefooter
{
	background-color: red;
}

.cnp_eui_tablefooter
{
	background-color: yellow;
}

.eui_groupcontent
{
	/*height:100%;*/
	/*width:100%;*/
	/*display: table-row;*/
}

.eui_label
{
	margin-left: 0.0em;
	margin-right: 5px;
	font-size: 11px;
	vertical-align: sub;
}

.cnp_eui_group
{
	border: 1px solid gray;
	border-radius: 12px;
  	padding: 6px;
  	margin: 3px;
}

.eui_tablerow
{
	
}

.eui_table
{
	width: 100%;
}

.eui_tablehead
{
	
}

.eui_tablebody
{
	
}

.eui_tabledata
{

}

.eui_text
{
	
}

.eui_button
{
	text-align: left;	
}

.eui_textarea
{
	font-size: 1em;	
}

.eui_list
{
	
}


.eui_listitem
{
	
}

.eui_link
{
	cursor: pointer;
	color: blue;
}

.eui_fieldset
{
	
}

.eui_number
{
	
}

.eui_time
{
	
}

.eui_slider
{
	
}

.eui_radioset
{
	
}

.eui_slider
{
	
}

.eui_card {
  border: 1px solid gray;
  border-radius: 4px;
  box-shadow: 3px 3px 3px #888888;
  overflow: hidden;
  font-size: 8pt;
  max-width: 200px;
  margin: 2px 6px 6px 2px;
  z-index: 101;
}

.cnp_eui_text
{
	border: 1px solid gray;
}

.etactics_cnp_eui_text
{
	border: 1px solid red;
}

.cnp_eui_label
{
	background-color: red;
}

.eui_row, .eui_nested_layout
{
	display: flex;
}

/*div, span
{
	margin: 3px;
	border: 1px solid gray;
}*/

.eui_pagecontrol {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
}

.eui_groupwidget
{
	border: 1px solid gray;
	border-radius: 8px;
	padding: 5px;
	padding-top: 15px;
	margin: 2px;
	margin-top: 12px;
}

.eui_grouplegend
{
  display: inline-block;
  /*border: 1px solid gray;*/
  /* margin-top: -24px; */
  /* margin-left: 15px; */
  /* z-index: 1; */
  /* border-radius: 4px;*/
  /*padding: 3px;*/
  /*background-color: lightyellow;*/
  /*min-width: 100px;*/
  /*
  text-decoration: underline;
  font-size:9pt;
  font-weight: bold;
  color:navy;
  margin-right: 6px;
  */
}

.eui_legendlink {
  text-decoration: underline;
  font-size:9pt;
  font-weight: bold;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.eui_groupimglegend {
	margin-right: 0;
}

.eui_grouplegend_level1
{
	left: 15px;
}

.eui_grouplegend_level2
{
	
	left: 25px;
}

.eui_grouplegend_level3
{
	left: 35px;
}

.eui_grouplegend_level4
{
	left: 45px;
}

.eui_grouplegend_level5
{
	left: 55px;
}

.eui_firstnestedgroup
{
	margin-top: 10px;
}

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

.eui_ctrl
{
	border: 1px solid black;
	width:100%;
	min-height:25px;
}

.eui_legendcontrol {
    min-height: 25px;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(to bottom, #e7e7e7 0%, #f6f6f6 100%);
    padding: 4px 4px 0px 4px;
}

.eui_legendcontrol span
{
	color: navy;
	font-family : Arial;
	font-size: 11pt;
	font-weight: Bold;
	vertical-align: inherit;
	margin-right: 6px;
}

.eui_fldset_legend
{
	color: navy;
	font-family : Arial;
	font-size: 10pt;
	font-weight: Bold;
	vertical-align: text-bottom;
	color: #2980A2;
	margin-left: 3px;
}

.eui_fldset_content
{
	margin: 3px;
}


.eui_borderlayout_page_start
{
	background:#cccc66;
	width:100%;
	text-align:center;
	min-height:30px;
}

.eui_borderlayout_page_end
{
	border: 1px solid black;
	background:#cccc66;
	padding:10px;
	min-height:25px;
}

.eui_borderlayout_center
{
    background-color: #F0F0F0;
    overflow: auto;
    width:100%;
}

.eui_fieldgroup {
	position: relative;
}

.clearfix {
	clear : both;
}
/*


.header, .footer {
    background-color: gainsboro;
}
.center {
    height: inherit;
}

.content {
    background-color: #F0F0F0;
    height: inherit;
    overflow: auto;
}


#header {
    height:50px;
    width:100%;
    top:0px;
    left:0px;
    background: #CCCCCC;
    position:absolute;
}
#footer {
    height:50px;
    width:100%;
    bottom:0px;
    left:0px;
    background: #CCCCCC;
    position:absolute;
}
#content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:100%;
    padding: 70px 20px;
}
*/



.eui_body {
	margin: 0;
	padding: 0;
/* 	line-height: 1.0em; */
	font-family: Arial;
	font-size: 11pt;
	background-color: white;
	overflow: auto;
}

.eui_page_wrap {
	padding: 5px;
	width:1200px;
	margin:10px auto;
}

.eui_page_footer {
    height:25px;
    clear: both;
    background-color: #E8E8E8;
}

.eui_page_header {
    height:40px;
    padding: 0 5px;
    font-color: white;
    background-color: #A8A8A8;
}

.eui_page_content {
    min-height:600px;
    padding: 0 5px;
    background-color: #FFFFCC;
}

.grid-group {
	position: relative;
	width:100%;
/*	height:100%;*/
	clear:both;
}
.grid-item {
	position: absolute;
	/* border:1px solid #ccc; */
}

.eui_grid_cell {
	padding:2px;
    /* vertical-align: top; */
    font-weight: normal;
   }

.eui_accentcolorA {
	/*background-color: #308230;
	color: white;
	*/
}

.eui_grid_hcell {
	padding:2px ;
	text-align: left ;
	vertical-align: bottom ;
	/*font-size: 11pt ;*/
}

.eui_grid_row {
	border-spacing: 0;
	font-size: 10pt;
}

.eui_grid tr:nth-child(even){
	background: #ebf2fa;
	font-size: 10pt;
}

.eui_grid tr:nth-child(odd){
	background: #ffffff;
	font-size: 10pt;
}



/*
tbody tr.eui_grid_row:first-child {
}

tbody tr.eui_grid_row:hover {
	background-color: #FFFFCA;
}

tbody tr.eui_grid_row:nth-child(odd) {
	background-color: #D6F5D6;
}
*/


.eui_grid {
	width:100%;
	font-family: Arial;
	border-collapse: separate;
}

.eui_formFset {
	width: 100%;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #CCCCCC;
	margin-bottom: 1em;
	padding: 0;
}

.eui_fldset {
	width: 100%;
	float: left;
	border-radius: 5px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 3px 3px 3px #CCCCCC;
}

.eui_formfieldset {
	box-shadow: none;
	padding-left: 1px;
}

.eui_image_legend {
	margin-right: 4px;
	vertical-align: text-top;
}

.eui_block_debug {
	width:100%;
	background-color: #BBBBBB;
	border: 1px solid black;
}

.eui_app_calendarcontrol_date {
	font-size: 9pt;
	color:red;
}

.eui_editcontrol {
	/*height:18px;*/
	background-color: darkorange;
	font-family: monoid;
	font-size: 8pt;
	display: none;
	padding:3px;	
}


.eui_flowgroup {
	/*
	background-color: lightyellow;
	border: 1px solid #AAAAAA;
	padding:3px;
	float: left;
	*/	
}

.col span {
	
}

.vsplitbar {
	width: 5px;
	background: #aaa;
}

.tr_ticket_card {
	float: left;
	background-color: #e9efc0;
	font-size: 10pt;
	box-shadow: 3px 3px 3px #aaa;
	border-radius: 4px;
	min-width: 100px;
	padding:4px;
	margin: 2px;
}



/*editable widget*/

.tablesorter tbody > tr > td[contenteditable=true]:focus {
  outline: #08f 1px solid; 
  background: #eee;
  resize: none;
}

.tablesorter-blue {
	word-wrap: break-word;
	word-break: keep-all;
}

.tablesorter-blue td {
	min-width: 50px;
}

td.no-edit, span.no-edit {
  background-color: rgba(230,191,153,0.5);
}

 .focused {
  color: red;
}
 
td.editable_updated {
  background-color: green;
  color: white;
}

/* fix headers */
.wrapper {
  position: relative;
  padding: 0 5px;
  height: 250px;
  overflow-y: auto;
}

/* Magnific popup */
#popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
/* Since the popup has a 20px margin, we need to adjust the wrapper position
Note:
 this is only required because we aren't actually attaching the sticky header
 to the #popup, instead we're attaching it to the .mfp-wrap because that
 element scrolls instead of the window
*/
#popup .tablesorter-sticky-wrapper {
  margin-left: 20px;
  margin-top: -20px;
}

/* used to wrap the table data with ... if exceeding defined width
	width must be set for element directly  */
.wrap_ellipsis
{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
/*    display:inline-block;*/
}

/* -------------------------------------------------------------- */


.eui_contentwrapper {
	
}

.eui_file {
	margin-left: 0.4em;
}

.eui_cheader {
    min-height:22px;
    padding: 2px;
    position: fixed;	
    top: 60px;	
	text-align: center;
}

.eui_conthead {
    margin-top: 55px;
    height:100%;	
}

.eui_hasmenu {
    margin-left: 214px;
}

.eui_content {
    padding: 5px;	
    /* background-color: #F0F0F0; */
    height: inherit;
    position:relative;
}

.eui_leftcolumn {
	position: fixed;
	left: 0;
	top: 0;
	margin-top: 60px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 2px;
	z-index: 100;
	max-height: calc(100% - 74px);
	min-height: calc(100% - 70px);
	overflow-x: hidden;
	overflow-y: auto;
	background: linear-gradient(to left, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
	border: 1px solid #a1dbff;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #888888;
	padding-top: 5px;
	margin-left: 4px;
	font-weight: bold;
}

.eui_leftcolumn_noscroll {
	overflow: visible;
}


.eui_iconbar {
	position: absolute;
    /* clear: both; */
    right: 1px;
    /* top: 30px; */
    left: 228px;
    height: 26px;
    float: left;
    background: transparent;    
}

.eui_topmenu {
    background-color: yellow;
    position: absolute;
    left: 0;
    right: 1px;
    top: 30px;
    left: 0px;
    height: 26px;
    font-size: 10pt;
    padding: 0px;
}    

.eui_title {
    font-size: 12pt;
    font-weight: bold;
}    

.eui_titlebar {
    position: absolute;
    left: 0;
    right: 1px;
    top: 26px;
    left: 0px;
    height: 26px;
    background: #CCCCCC;
}    

.eui_titlemenu {
    height: 26px;
    width:400px;    
    float: left;
    margin-top: 3px;
}

.eui_titlecontent {
    height: 26px;
    padding-top: 4px;
    flex : 1;
	text-align: center;
    background: transparent;
}

.eui_menuitem {
	cursor: pointer;
	line-height: 1.4em;
	clear: left;
	font-size: 10pt;
}

.eui_menuitem:hover {
	background: #ffdf33;
	width: 180px;	
}

.eui_menuitem_minimized {
	cursor: pointer;
	line-height: 1.4em;
	clear: left;
	font-size: 10pt;
	width: 16px;
}

.eui_menuitem_img {
	margin: 0 4px 0 0;
	vertical-align: text-top;
}


.eui_submenuitem {
}

.eui_submenuitem:hover {
	background: #ff7d66;
}

.eui_Left {
	text-align: left;
}

.eui_Right {
	text-align: right;
}

.eui_Center {
	text-align: center;
}

.eui_Bold {
	font-weight: bold;
}

.eui_Italic {
	font-style: italic !important;
}

.eui_Underline {
	text-decoration: underline;
}

.eui_Font_small {
	font-size: 0.85em !important;
}

.eui_Font_normal {
	font-size: 1em !important;
}

.eui_Font_large {
	font-size: 1.2em !important;
}

.eui_BgColor_none {
	background-color: transparent;
}

.eui_BgColor_red {
	background-color: tomato !important;
}

.eui_BgColor_green {
	background-color: lightgreen !important;
}

.eui_BgColor_yellow {
	background-color: yellow !important;
}

.eui_griditem {
	width:100%;
	height:97%;
	/*position:absolute;*/
	background:white;
}

.eui_dgriditem {
	width:99%;
	height:97%;
	min-height:80px;
	border: 1px solid #777;
	display: table;
	
}

.eui_title_link {	
    border-radius: 5px;
    background: goldenrod;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.2em;
	box-shadow: 3px 3px 3px #888888;
}

.eui_title_link:hover {
    background: lightgreen;
}


.eui_panelcontent {
	width:97%;
	height:99%;
	background:#ffffcc;
}

.eui_menuitem_italic {
	font-style: italic;
	text-decoration: underline;
	font-size: 9pt;
}

.eui_menuitem_red {
	color: red;
}

.eui_menuitem_none {
	display: none;
}

.ui-datepicker {
	width: 182px;
	margin-bottom: 3px;
}

.hasDatepicker {
	z-index: 9999 !important;
}

.ui-widget-header {
	font-size: 10pt;
	border: 1px solid steelblue;
	background: steelblue;
}

.cselect {
	border: 2px solid #9ecaed;
	/*border-radius: 4px;*/
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;	
}

.ui-state-default {
	background: #f6f6f6 url("../../styles/jquery/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	color: #1c94c4;
}

.ui-state-default .ui-icon {
	background-image: url("../../styles/jquery/images/ui-icons_228ef1_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../../styles/jquery/images/ui-icons_228ef1_256x240.png");
}

.ui-button-text {
	height: 10px;
}

.filterFldBground {
	background-color: lightyellow;
}

.eui_tablesorter_pager {
	right: 8px;
	top: 5px;
}

.eui_pagerinfo {
	    color: #2B84BB;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}

.date-range-selected > .ui-state-active, .date-range-selected > .ui-state-default {
    background: none;
    background-color: lightsteelblue;
}

#ui-datepicker-div button.ui-datepicker-current {display: none;}

.pagedisplay {
	color: green;
}

#duplCheckDiv {
	border: 1px solid #cd0a0a;
	background-color: #fef1ec;
	color: #cd0a0a;
	width: 100%;
	text-align: left;
	margin-bottom: 6px;
	margin-left: 2px;
	border-radius: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: none;
	font-size: 12px;
	font-weight: bold;
	/* position: fixed; */
}

.duplCheckDiv {
	border: 1px solid #cd0a0a;
	background-color: #fef1ec;
	color: #cd0a0a;
	width: 99%;
	text-align: left;
	margin-bottom: 6px;
	margin-left: 2px;
	border-radius: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: none;
	font-size: 12px;
	font-weight: bold;
	/* position: fixed; */
}

#total, #overdue, #duetoday, #due1_7days, #due8_30days, #due30more {
	text-align: center;
	margin-right: 3px;
	width: 11%;
}

#th_total, #th_overdue, #th_duetoday, #th_due1_7days, #th_due8_30days, #th_due30more {
    text-align: center;
    margin-right: 3px;
    width: 11%;
}

.eui_max2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	min-height: 18px;
	line-height: 16px;
	max-height: 35px;
	align-items: baseline;
	margin-bottom: 9px;  
}

.eui_max2:hover {
	overflow: visible;
	/* background-color: white; */
	/*border: 1px solid #CCCCCC;*/
    line-height: 16px;     /* fallback */
    max-height: 1000px;      /* fallback */
    /*display: block;*/
    /* padding:2px; */
}

.eui_max1 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   min-height: 12px;
   line-height: 12px;     /* fallback */
   max-height: 12px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.eui_max1:hover {
	overflow: visible;
	/* background-color: white; */
	/* border: 1px solid #CCCCCC; */
    line-height: 12px;     /* fallback */
    max-height: 1000px;      /* fallback */
    display: block;
    /* padding:2px; */
}

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

.longtext {
	color: green;
  	font-size:0.8em;
}

.accent2 {
	color: green;
	font-weight: 800;
  	font-family: Courier;
	background-image: url("../../images/ex_mark.png");
	background-repeat: no-repeat;
	background-position: left;
	opacity:0.8;
}


.admin {
	background: lightyellow;
	color: navy;
	box-shadow: 3px 3px 3px #888888;
	border-radius: 4px;
}

.myblue {
	background: lightblue;
	color: red;
	box-shadow: 3px 3px 3px #888888;
	border-radius: 4px;
}

.eui_tableRowChboxHeader {
	width: 5px;
}

.eui_tableRowChbox {
	/*width: 15px;*/
}


.eui_tableMasterID {
	width: 15px;
}


.tablesorter-header-inner {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   min-height: 12px;
   line-height: 12px;     /* fallback */
   max-height: 12px;      /* fallback */
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.tablesorter-header-inner:hover {
	overflow: visible;
    line-height: 12px;     /* fallback */
    max-height: 1000px;      /* fallback */
    display: block;
}

.overview_span {
   padding: 3px;
   display: block;
   border-radius: 3px;
   min-height: 1.6em;
   background-color: lavender;
/*    width:94%; */   
	overflow: auto;
}


/*
.droppable { border: 1px dotted gray; }
*/
.droppable { }

.dyncont_ctrls {
   padding: 3px;
   display: none;
   border-radius: 3px;
   min-height: 80px;
   background-color: lavender;
   width:99%;
   box-shadow: 3px 3px 3px #CCCCCC;
   margin-bottom:5px;
}

.cfgicon {
	z-index: 800;
	float: left;
	margin-right:4px;
}


.cdivmenu {
	z-index: 800;
	display: block;
	opacity:0;
	float: left;
	min-width:100px;
	min-height:30px;
	margin-left:5px;
	margin-top:5px;
	border: 1px solid navy;
	padding:6px;
    border-radius: 6px;
    box-shadow: 3px 3px 3px #333;
	background-color:lightyellow;
}


.cdivmenu:hover {
	z-index: 800;
	opacity: 0.9;
}


.cfgnested {
	background-color:lightblue;
}


.cfglink {
	margin-left:4px;
}

#beanitems {
	font-size: 9pt;
	font-weight: normal;
	overflow: auto;
	max-height: 85vh;
}

#designCotrolBlock {
	width: 190px;
	overflow: visible;
	position: absolute;
	max-height: 100vh;
}

.cdrop:hover {
	/*opacity: 0.7;*/
}

.npct:hover {
	opacity: 1;
}

.cdrop_menu {
	position: relative;
	min-height:25px;
	min-width:80px;
	background-color:lightyellow;
	border: 1px solid black;
	top:20px;
	left: 20px;
    border-radius: 6px;
    box-shadow: 4px 4px 4px #333;
    /*opacity: 0;*/
}

.cdrop_menu:hover {
	opacity: 1.0;
	transition: opacity .25s ease-in-out;	
	z-index:600;
}


.pgc_title {
	background-color: #169DBB;
	color: white;
	padding:2px;
	margin-bottom:6px;
	text-align: center;	
    border-radius: 6px;
}

.itable {
	padding: 2px;
}

/*------------------------------------------------------ */
/* GANTT stuff - to be moved some place else             */
/*------------------------------------------------------ */

/*
jQuery.ganttView v.0.8.0
Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com
MIT License Applies
*/

div.ganttview-hzheader-month,
div.ganttview-hzheader-day,
div.ganttview-vtheader,
div.ganttview-vtheader-item-name,
div.ganttview-vtheader-series,
div.ganttview-grid,
div.ganttview-grid-row-cell {
	float: left;
}

div.ganttview-hzheader-month,
div.ganttview-hzheader-day {
	text-align: center;
}

div.ganttview-grid-row-cell.last,
div.ganttview-hzheader-day.last,
div.ganttview-hzheader-month.last {
	border-right: none;
}

div.ganttview {
	border: 1px solid #999;
}


/* Horizontal Header */

div.ganttview-hzheader-month {
	width: 60px;
	height: 20px;
	border-right: 1px solid #d0d0d0;
	line-height: 20px;
}

div.ganttview-hzheader-day {
	width: 20px;
	height: 20px;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #d0d0d0;
	line-height: 20px;
	color: #777;
}


/* Vertical Header */

div.ganttview-vtheader {
	margin-top: 41px;
	width: 340px;
	overflow: hidden;
	background-color: #fff;
}

div.ganttview-vtheader-item {
	overflow: hidden;
	color: #666;
}

div.ganttview-vtheader-item-name {
	width: 200px;
	padding-left: 5px;
	border-top: 1px solid #d0d0d0;
	line-height: 16px;
}

div.ganttview-vtheader-series-name {
	width: 130px;
	height: 31px;
	border-top: 1px solid #d0d0d0;
	line-height: 16px;
	padding-left: 5px;
}


/* Slider */

div.ganttview-slide-container {
	overflow: auto;
	border-left: 1px solid #999;
}


/* Grid */

div.ganttview-grid-row-cell {
	width: 20px;
	height: 31px;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
}

div.ganttview-grid-row-cell.ganttview-weekend {
	background-color: #fafafa;
}


/* Blocks */

div.ganttview-blocks {
	margin-top: 40px;
}

div.ganttview-block-container {
	height: 28px;
	padding-top: 4px;
}

div.ganttview-block {
	position: relative;
	height: 25px;
	background-color: #E5ECF9;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.ganttview-block-text {
	position: absolute;
	height: 12px;
	font-size: 0.8em;
	color: #999;
	padding: 2px 3px;
}


/* Adjustments for jQuery UI Styling */

div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
	bottom: -0;
}

/*------------------------------------------------------ */
/* GANTT stuff - to be moved some place else             */
/*------------------------------------------------------ */

/* ------------------------------------------------------ */
/* SPRITE IMAGES							              */
/*------------------------------------------------------- */

.sprite_iconbar {
    background-image: url("../../images/sprite_iconbar.png");
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.sprite_iconbar-doorin {
    width: 24px;
    height: 24px;
    background-position: -5px -5px;
}


.sprite_iconbar-favorites {
    width: 24px;
    height: 24px;
    background-position: -39px -5px;
}

.sprite_iconbar-help {
    width: 24px;
    height: 24px;
    background-position: -73px -5px;
}

.sprite_iconbar-home {
    width: 24px;
    height: 24px;
    background-position: -107px -5px;
}

.sprite_iconbar-info24 {
    width: 24px;
    height: 24px;
    background-position: -141px -5px;
}

.sprite_iconbar-logout {
    width: 24px;
    height: 24px;
    background-position: -175px -5px;
}

.sprite_iconbar-screen_share {
    width: 25px;
    height: 25px;
    background-position: -209px -5px;
}

/* ------------------------------------------------------ */
/* SPRITE IMAGES WIDGETS					              */
/*------------------------------------------------------- */

.sprite_widget {
    background-image: url("../../images/sprite_widget.png");
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}
.sprite_widget-Edit10 {
    width: 10px;
    height: 10px;
    background-position: -5px -5px;
}

.sprite_widget-Trash10 {
    width: 10px;
    height: 10px;
    background-position: -25px -5px;
}

.sprite_widget-add12 {
    width: 12px;
    height: 12px;
    background-position: -45px -5px;
}

.sprite_widget-brief {
    width: 16px;
    height: 16px;
    background-position: -67px -5px;
}

.sprite_widget-card {
    width: 16px;
    height: 16px;
    background-position: -93px -5px;
}

.sprite_widget-close12 {
    width: 12px;
    height: 12px;
    background-position: -119px -5px;
}

.sprite_widget-closeButton {
    width: 16px;
    height: 16px;
    background-position: -141px -5px;
}

.sprite_widget-collapse_div {
    width: 16px;
    height: 16px;
    background-position: -167px -5px;
}

.sprite_widget-del {
    width: 16px;
    height: 16px;
    background-position: -193px -5px;
}

.sprite_widget-del10 {
    width: 16px;
    height: 16px;
    background-position: -219px -5px;
}

.sprite_widget-del12 {
    width: 12px;
    height: 12px;
    background-position: -245px -5px;
}

.sprite_widget-edit {
    width: 16px;
    height: 16px;
    background-position: -267px -5px;
}

.sprite_widget-edit12 {
    width: 12px;
    height: 12px;
    background-position: -293px -5px;
}

.sprite_widget-eraser {
    width: 16px;
    height: 16px;
    background-position: -315px -5px;
}

.sprite_widget-expand {
    width: 14px;
    height: 14px;
    background-position: -341px -5px;
}

.sprite_widget-expand_div {
    width: 16px;
    height: 16px;
    background-position: -365px -5px;
}

.sprite_widget-export12 {
    width: 12px;
    height: 12px;
    background-position: -391px -5px;
}

.sprite_widget-first {
    width: 16px;
    height: 16px;
    background-position: -413px -5px;
}

.sprite_widget-first_pager {
    width: 16px;
    height: 16px;
    background-position: -439px -5px;
}

.sprite_widget-home_icon {
    width: 16px;
    height: 16px;
    background-position: -465px -5px;
}

.sprite_widget-last {
    width: 16px;
    height: 16px;
    background-position: -491px -5px;
}

.sprite_widget-last_pager {
    width: 16px;
    height: 16px;
    background-position: -517px -5px;
}

.sprite_widget-mass_merge_12 {
    width: 12px;
    height: 12px;
    background-position: -543px -5px;
}

.sprite_widget-mass_update_12 {
    width: 12px;
    height: 12px;
    background-position: -565px -5px;
}

.sprite_widget-minus {
    width: 12px;
    height: 12px;
    background-position: -587px -5px;
}

.sprite_widget-minus12 {
    width: 12px;
    height: 12px;
    background-position: -609px -5px;
}

.sprite_widget-myprof {
    width: 14px;
    height: 14px;
    background-position: -631px -5px;
}

.sprite_widget-nestedproperties {
    width: 16px;
    height: 16px;
    background-position: -655px -5px;
}

.sprite_widget-next {
    width: 16px;
    height: 16px;
    background-position: -681px -5px;
}

.sprite_widget-next_pager {
    width: 16px;
    height: 16px;
    background-position: -707px -5px;
}

.sprite_widget-plus {
    width: 12px;
    height: 12px;
    background-position: -733px -5px;
}

.sprite_widget-plus12 {
    width: 12px;
    height: 12px;
    background-position: -755px -5px;
}

.sprite_widget-prev {
    width: 16px;
    height: 16px;
    background-position: -777px -5px;
}

.sprite_widget-prev_pager {
    width: 16px;
    height: 16px;
    background-position: -803px -5px;
}

.sprite_widget-properties {
    width: 16px;
    height: 16px;
    background-position: -829px -5px;
}

.sprite_widget-properties12 {
    width: 12px;
    height: 12px;
    background-position: -855px -5px;
}

.sprite_widget-r_attach_add1 {
    width: 16px;
    height: 16px;
    background-position: -877px -5px;
}

.sprite_widget-r_send_email {
    width: 16px;
    height: 16px;
    background-position: -903px -5px;
}

.sprite_widget-r_send_text {
    width: 16px;
    height: 16px;
    background-position: -929px -5px;
}

.sprite_widget-refresh {
    width: 16px;
    height: 16px;
    background-position: -955px -5px;
}

.sprite_widget-refresh12 {
    width: 12px;
    height: 12px;
    background-position: -981px -5px;
}

.sprite_widget-report12 {
    width: 12px;
    height: 12px;
    background-position: -1003px -5px;
}

.sprite_widget-saveAll2 {
    width: 16px;
    height: 16px;
    background-position: -1025px -5px;
}

.sprite_widget-save_inline {
    width: 16px;
    height: 16px;
    background-position: -1051px -5px;
}

.sprite_widget-search12 {
    width: 12px;
    height: 12px;
    background-position: -1077px -5px;
}

.sprite_widget-setup {
    width: 14px;
    height: 14px;
    background-position: -1099px -5px;
}

.sprite_widget-table {
    width: 16px;
    height: 16px;
    background-position: -1123px -5px;
}

.sprite_widget-table_edit {
    width: 16px;
    height: 16px;
    background-position: -1149px -5px;
}

/* ------------------------------------------------------ */
/* SPRITE ADMIN IMAGES */
/* ------------------------------------------------------ */
.sprite_admin {
    background-image: url("../../images/sprite_admin.png");
    background-repeat: no-repeat;
    display: block;
}

.sprite_admin-bill32 {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.sprite_admin-database32 {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}

.sprite_admin-dataset32 {
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
}

.sprite_admin-export32 {
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
}

.sprite_admin-logo32 {
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
}

.sprite_admin-permissions32 {
    width: 32px;
    height: 32px;
    background-position: -89px -47px;
}

.sprite_admin-users32 {
    width: 32px;
    height: 32px;
    background-position: -5px -89px;
}

/* ------------------------------------------------------ */
/* SPRITE MICRO IMAGES */
/* ------------------------------------------------------ */
.sprite_micro {
    background-image: url(../../images/micro_spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.sprite_micro-Accept {
    width: 10px;
    height: 8px;
    background-position: -5px -5px;
}

.sprite_micro-Add {
    width: 8px;
    height: 8px;
    background-position: -25px -5px;
}

.sprite_micro-AddAlt10 {
    width: 10px;
    height: 10px;
    background-position: -43px -5px;
}

.sprite_micro-Alert {
    width: 3px;
    height: 10px;
    background-position: -63px -5px;
}

.sprite_micro-AlertAlt {
    width: 10px;
    height: 9px;
    background-position: -76px -5px;
}

.sprite_micro-AlertAlt2 {
    width: 10px;
    height: 9px;
    background-position: -96px -5px;
}

.sprite_micro-Amex {
    width: 10px;
    height: 10px;
    background-position: -116px -5px;
}

.sprite_micro-ArrowDown {
    width: 10px;
    height: 10px;
    background-position: -136px -5px;
}

.sprite_micro-ArrowDownAlt {
    width: 10px;
    height: 10px;
    background-position: -156px -5px;
}

.sprite_micro-ArrowLeft {
    width: 10px;
    height: 10px;
    background-position: -176px -5px;
}

.sprite_micro-ArrowLeftAlt {
    width: 10px;
    height: 10px;
    background-position: -5px -25px;
}

.sprite_micro-ArrowLeftDown {
    width: 9px;
    height: 9px;
    background-position: -25px -25px;
}

.sprite_micro-ArrowLeftUp {
    width: 9px;
    height: 9px;
    background-position: -44px -25px;
}

.sprite_micro-ArrowRight {
    width: 10px;
    height: 10px;
    background-position: -63px -25px;
}

.sprite_micro-ArrowRightAlt {
    width: 10px;
    height: 10px;
    background-position: -83px -25px;
}

.sprite_micro-ArrowRightDown {
    width: 9px;
    height: 9px;
    background-position: -103px -25px;
}

.sprite_micro-ArrowRightUp {
    width: 9px;
    height: 9px;
    background-position: -122px -25px;
}

.sprite_micro-ArrowUp {
    width: 10px;
    height: 10px;
    background-position: -141px -25px;
}

.sprite_micro-ArrowUpAlt {
    width: 10px;
    height: 10px;
    background-position: -161px -25px;
}

.sprite_micro-Book {
    width: 9px;
    height: 10px;
    background-position: -181px -25px;
}

.sprite_micro-Bookmark {
    width: 5px;
    height: 10px;
    background-position: -5px -45px;
}

.sprite_micro-BookmarkAlt {
    width: 9px;
    height: 10px;
    background-position: -20px -45px;
}

.sprite_micro-Calendar {
    width: 10px;
    height: 10px;
    background-position: -39px -45px;
}

.sprite_micro-Cancel {
    width: 8px;
    height: 8px;
    background-position: -59px -45px;
}

.sprite_micro-Cart {
    width: 10px;
    height: 9px;
    background-position: -77px -45px;
}

.sprite_micro-ChartBars {
    width: 8px;
    height: 8px;
    background-position: -97px -45px;
}

.sprite_micro-ChartLines {
    width: 10px;
    height: 9px;
    background-position: -115px -45px;
}

.sprite_micro-ChartPie {
    width: 10px;
    height: 10px;
    background-position: -135px -45px;
}

.sprite_micro-Clipboard10 {
    width: 8px;
    height: 10px;
    background-position: -155px -45px;
}

.sprite_micro-Clock {
    width: 10px;
    height: 10px;
    background-position: -173px -45px;
}

.sprite_micro-Cog {
    width: 10px;
    height: 10px;
    background-position: -5px -65px;
}

.sprite_micro-Comment {
    width: 10px;
    height: 9px;
    background-position: -25px -65px;
}

.sprite_micro-CommentAlt {
    width: 10px;
    height: 9px;
    background-position: -45px -65px;
}

.sprite_micro-Copy {
    width: 10px;
    height: 10px;
    background-position: -65px -65px;
}

.sprite_micro-Delete {
    width: 8px;
    height: 2px;
    background-position: -85px -65px;
}

.sprite_micro-DeleteAlt10 {
    width: 10px;
    height: 10px;
    background-position: -103px -65px;
}

.sprite_micro-DeleteAlt2 {
    width: 10px;
    height: 10px;
    background-position: -123px -65px;
}

.sprite_micro-Disk {
    width: 10px;
    height: 10px;
    background-position: -143px -65px;
}

.sprite_micro-Dollar {
    width: 10px;
    height: 10px;
    background-position: -163px -65px;
}

.sprite_micro-DollarBill {
    width: 10px;
    height: 10px;
    background-position: -5px -85px;
}

.sprite_micro-Edit10 {
    width: 10px;
    height: 10px;
    background-position: -25px -85px;
}

.sprite_micro-Email {
    width: 10px;
    height: 7px;
    background-position: -45px -85px;
}

.sprite_micro-Euro {
    width: 10px;
    height: 10px;
    background-position: -65px -85px;
}

.sprite_micro-File {
    width: 9px;
    height: 10px;
    background-position: -85px -85px;
}

.sprite_micro-FlagGreen {
    width: 10px;
    height: 10px;
    background-position: -104px -85px;
}

.sprite_micro-FlagRed {
    width: 10px;
    height: 10px;
    background-position: -124px -85px;
}

.sprite_micro-Folder {
    width: 10px;
    height: 8px;
    background-position: -144px -85px;
}

.sprite_micro-FolderAlt {
    width: 10px;
    height: 8px;
    background-position: -164px -85px;
}

.sprite_micro-Forward {
    width: 9px;
    height: 10px;
    background-position: -45px -103px;
}

.sprite_micro-Heart {
    width: 10px;
    height: 9px;
    background-position: -144px -103px;
}

.sprite_micro-Help {
    width: 6px;
    height: 10px;
    background-position: -183px -65px;
}

.sprite_micro-Home {
    width: 10px;
    height: 10px;
    background-position: -164px -103px;
}

.sprite_micro-Info {
    width: 5px;
    height: 10px;
    background-position: -184px -85px;
}

.sprite_micro-InfoAlt {
    width: 10px;
    height: 10px;
    background-position: -5px -123px;
}

.sprite_micro-Key {
    width: 10px;
    height: 5px;
    background-position: -25px -123px;
}

.sprite_micro-Lock {
    width: 8px;
    height: 10px;
    background-position: -45px -123px;
}

.sprite_micro-Mastercard {
    width: 10px;
    height: 10px;
    background-position: -63px -123px;
}

.sprite_micro-Microformats {
    width: 10px;
    height: 10px;
    background-position: -83px -123px;
}

.sprite_micro-Move {
    width: 10px;
    height: 10px;
    background-position: -103px -123px;
}

.sprite_micro-Movie {
    width: 10px;
    height: 10px;
    background-position: -123px -123px;
}

.sprite_micro-Music {
    width: 10px;
    height: 10px;
    background-position: -143px -123px;
}

.sprite_micro-Note {
    width: 10px;
    height: 10px;
    background-position: -163px -123px;
}

.sprite_micro-PaperClip {
    width: 9px;
    height: 10px;
    background-position: -5px -143px;
}

.sprite_micro-Pause {
    width: 7px;
    height: 8px;
    background-position: -183px -123px;
}

.sprite_micro-Paypal {
    width: 10px;
    height: 10px;
    background-position: -24px -143px;
}

.sprite_micro-Phone {
    width: 10px;
    height: 10px;
    background-position: -44px -143px;
}

.sprite_micro-Picture {
    width: 10px;
    height: 10px;
    background-position: -64px -143px;
}

.sprite_micro-Play {
    width: 5px;
    height: 10px;
    background-position: -183px -141px;
}

.sprite_micro-Plugin {
    width: 10px;
    height: 10px;
    background-position: -84px -143px;
}

.sprite_micro-PluginAlt {
    width: 10px;
    height: 10px;
    background-position: -104px -143px;
}

.sprite_micro-PopUp {
    width: 10px;
    height: 9px;
    background-position: -124px -143px;
}

.sprite_micro-Print {
    width: 10px;
    height: 10px;
    background-position: -144px -143px;
}

.sprite_micro-Profile {
    width: 10px;
    height: 10px;
    background-position: -164px -161px;
}

.sprite_micro-Redo {
    width: 10px;
    height: 9px;
    background-position: -5px -181px;
}

.sprite_micro-Rewind {
    width: 9px;
    height: 10px;
    background-position: -196px -5px;
}

.sprite_micro-RotateCcw {
    width: 9px;
    height: 10px;
    background-position: -200px -25px;
}

.sprite_micro-RotateCw {
    width: 9px;
    height: 10px;
    background-position: -193px -45px;
}

.sprite_micro-Rss {
    width: 10px;
    height: 10px;
    background-position: -199px -65px;
}

.sprite_micro-RssAlt {
    width: 10px;
    height: 10px;
    background-position: -199px -85px;
}

.sprite_micro-Save10 {
    width: 10px;
    height: 10px;
    background-position: -198px -141px;
}

.sprite_micro-Search10 {
    width: 10px;
    height: 10px;
    background-position: -184px -161px;
}

.sprite_micro-ShareThis {
    width: 10px;
    height: 10px;
    background-position: -25px -181px;
}

.sprite_micro-SmileyHappy {
    width: 10px;
    height: 10px;
    background-position: -45px -181px;
}

.sprite_micro-SmileyLaugh {
    width: 10px;
    height: 10px;
    background-position: -65px -181px;
}

.sprite_micro-SmileySad {
    width: 10px;
    height: 10px;
    background-position: -85px -181px;
}

.sprite_micro-Sound {
    width: 10px;
    height: 10px;
    background-position: -105px -181px;
}

.sprite_micro-Star {
    width: 10px;
    height: 10px;
    background-position: -125px -181px;
}

.sprite_micro-StepBack {
    width: 8px;
    height: 10px;
    background-position: -200px -105px;
}

.sprite_micro-StepForward {
    width: 8px;
    height: 10px;
    background-position: -145px -181px;
}

.sprite_micro-Stop {
    width: 8px;
    height: 8px;
    background-position: -5px -105px;
}

.sprite_micro-Table {
    width: 10px;
    height: 9px;
    background-position: -163px -181px;
}

.sprite_micro-Tag {
    width: 10px;
    height: 10px;
    background-position: -183px -181px;
}

.sprite_micro-Trash10 {
    width: 10px;
    height: 10px;
    background-position: -215px -5px;
}

.sprite_micro-Undo {
    width: 10px;
    height: 9px;
    background-position: -219px -25px;
}

.sprite_micro-User {
    width: 10px;
    height: 10px;
    background-position: -219px -44px;
}

.sprite_micro-UserAlt {
    width: 10px;
    height: 10px;
    background-position: -219px -64px;
}

.sprite_micro-Visa {
    width: 10px;
    height: 10px;
    background-position: -219px -84px;
}

.sprite_micro-World {
    width: 10px;
    height: 10px;
    background-position: -219px -104px;
}

.sprite_micro-Wrench10 {
    width: 10px;
    height: 10px;
    background-position: -218px -124px;
}

.sprite_micro-Yen {
    width: 10px;
    height: 10px;
    background-position: -218px -144px;
}

/* select.tablesorter-filter {
  text-transform: capitalize;
}

select.tablesorter-filter option {
  text-transform: capitalize;
}
 */
 
 
.note {
	background-color: white;
	border-radius: 4px;
	width: 99%;
	white-space: pre-wrap;
	margin: 0 2px 4px 4px;
	border: 1px solid #C1C1C1;
	padding: 2px 4px 2px 2px;
}

.note_footer {
	color: #666666;
	font-size: 11px;
	font-family: Arial;
	margin: 2px 0 2px 0;
	font-weight: bold;
}

.notes_day_header {
	height: 16px;
	border-radius: 4px;
	color: white;
	background: steelblue;
	width: 99%;
	white-space: pre-wrap;
	margin: 0 2px 2px 4px;
	border: 1px solid steelblue;
	padding: 2px 4px 2px 2px; 
}

.activeTag {
	background-color: lightgreen;
	padding: 4px 4px 2px 4px;
	border-radius: 4px;
	font-weight: bold;
	border: 1px solid green;
	font-size: 12px;
	box-shadow: none;
}

.activeTagLegend {
	color: white;
	background-color: green;
	border-radius: 4px;
	padding: 2px 4px 2px 4px;
	font-size: 9pt;
	font-weight: normal;
}

.inactiveTag {
	background-color: darksalmon;
	padding: 4px 4px 2px 4px;
	border-radius: 4px;
	font-weight: bold;
	border: 1px solid red;
	font-size: 12px;
	box-shadow: none;
}

.inactiveTagLegend {
	color: white;
	background-color: red;
	border-radius: 4px;
	padding: 2px 4px 2px 4px;
	font-size: 9pt;
	font-weight: normal;
}

.tagsArea {
	/* background-color: khaki;
	border: 1px solid darkgoldenrod; */
	box-shadow: none;
	padding-top: 13px;
	padding-left: 6px;
	padding-bottom: 7px;
	width: auto;
	float: none;
	display: block;
	margin-top: 10px;
}

.tagAddNewIcon {
	vertical-align: sub;
	margin-left: 4px;
}

.tagsDialog {
	padding-right: 50px;
}

.tagsFsLegend {
	margin-left: 6px;
}

/* Toggle Switch */

.onoffswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 25px; padding: 0; line-height: 25px;
    border: 2px solid #CCCCCC; border-radius: 25px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 25px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 33px;
    border: 2px solid #CCCCCC; border-radius: 25px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

hr { 
    display: block;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border-style: inset;
    border-width: 1px;
} 

.ui_layout_content_frame
{
	margin: 2px;
}

.green-check-image {
	color: #26a964;
}

/* Toggle Switch - END */