body
{
/*	scrollbar-3dlight-color:    #0C99C9;
	scrollbar-arrow-color:      #F0F0F0;
	scrollbar-base-color:       #0C99C9;
	scrollbar-highlight-color:  #0C99C9;
	scrollbar-shadow-color:     #0C99C9 ;
	scrollbar-darkshadow-color: #0C99C9;
	scrollbar-track-color:      #F0F0F0;
*/
	background-color:			#FFFFFF;
	color:#333333;
	font-size:                  11px;
	margin:0px;
}


div, span, table
{
/*	scrollbar-3dlight-color:    #0C99C9;
	scrollbar-arrow-color:      #F0F0F0;
	scrollbar-base-color:       #0C99C9;
	scrollbar-highlight-color:  #0C99C9;
	scrollbar-shadow-color:     #0C99C9 ;
	scrollbar-darkshadow-color: #0C99C9;
	scrollbar-track-color:      #F0F0F0;
	*/
}
/*
::-webkit-scrollbar-track-piece{
	background-color:#C6D3E7;
	-webkit-border-radius:0;
}
::-webkit-scrollbar{
	width:18px;
	height:18px;
}
::-webkit-scrollbar-thumb{
	height:50px;
	width:50px;
	background-color:#E7EFF7;
	-webkit-border-radius:0px;
	outline:1px solid #7386AD;
	outline-offset:-1px;
	border: 0px solid #7386AD;
}
::-webkit-scrollbar-thumb:hover{
	height:50px;
	width:50px;
	background-color:#E7EFF7;
	-webkit-border-radius:0px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  height: 18px;
  width: 18px;
  background: #E7EFF7;
	outline:1px solid #7386AD;
	outline-offset:-1px;
 }
 */
TH   	{text-align:left; font-weight:normal;}

/* Anchors are mainly used for 508 keyboard accessibility, it should inherit styles, not using link's color */
A    	{text-decoration:none; color:inherit;}
A IMG	{border:0px;}

.inline-block {
	display: inline-block;
}
.relative {
	position: relative;
}
.nowrap {
	white-space: nowrap;
}

.scrollArea       {height:55px; width:400px; overflow:auto;}
.imageAlign		{vertical-align:middle;}

/* text image */
.textImg          {vertical-align:middle; padding-left:3px; padding-right:3px; }
.textImgLink      {vertical-align:middle; padding-left:3px; padding-right:3px; cursor:pointer;}
.textLink      {font-family:arial, sans-serif; font-size:11px; text-decoration:underline; color:#0075e4; cursor:pointer;}

/* url link */
.urlLink          {cursor:pointer; text-decoration: underline; color:#333333;}

/* divs */
.scheduleDiv			{ overflow:auto; background-color:#FFFFFF;}
.disableImage			{position:absolute; width:1px; height:1px; z-index:1; margin:0px;}

/* cursor */
.handCursor				{cursor:pointer;}

/* Item - Request */
.itemAction       {width:13px; padding:1px; cursor:pointer;}
.itemActionWpr    {padding:2px}
.itemAlert        {width:13px; padding:1px;}
.itemAlertWpr     {padding:2px}

/* general */
.headerText 			{font-family:arial; font-size:12px; color:#333333;}
.headerTextBold 			{font-family:arial; font-size:12px; color:#333333; font-weight:bold;}
.headerText1 			{font-family:verdana; font-size:12px; text-transform:uppercase; color:#666666; font-weight:bold; padding-right:2px}
.headerText2 			{font-family:verdana; font-size:12px; color:#333333;}
@media screen and (min-width:732px)  {td#contentTitleItemName.headerText2{text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  max-width: 50px;}}
.headerText3 		{font-family:verdana; font-size:11px; color:#333333;}
.headerTextSmall 	{font-family:verdana; font-size:10px; color:#333333;}
.normalText 			{font-family:arial; font-size:11px; color:#333333;}
.boldTextSm				{font-family:verdana; font-size:11px; font-weight:bold; color:#333333;}
.boldTextLg				{font-family:verdana; font-size:12px; font-weight:bold; color:#333333;}
.boldTextSmBrn		{font-family:verdana, sans-serif; font-size:10px; font-weight:bold; color:#866442;}
.backgroundE6EDF6	{background-color:#E6EDF6;}
.redTextSmall 		{font-size:11px; color:#FF0000;}
.hintText 			  {font-family:verdana; font-size:11px; color:#333333;}
.smlHint 			  {font-family:verdana; font-size:9px; color:#333333;}

.tenantSelectionDiv  {padding-left: 7px;}

.tenantSelectionDiv input {
	max-width: 85%;
}

.tenantSelectionDiv select {
	max-width: 95%;
}


.tenantSelectionDiv option {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.invisibleDivObject {display:none;}
.visibleDivObject {display:inline-block!important;width:100%;background-color:#ffffff;border-width:0px;}
.visibleDivObjectIndented {width:100%; margin:5px; padding-left:10px;}

/* toolbar/utility pane */
.imgToolbarDefault 	    	{margin:0px; border:none; cursor:pointer; background-color: inherit; }
.imgToolbarDefaultButton 	{border-width: 0px; background-color:transparent; width:23px; height:100%; padding: 0px 0px;}
.imgToolbarDefaultHover 	{margin:0px; border-top:1px solid #ffffff; border-right:1px solid #818181; border-bottom:1px solid #818181; border-left:1px solid #ffffff; vertical-align:middle; }
.imgTableHeader           	{margin:0px; border:none; cursor:pointer; background-color:#A0B8E5; color:#333333;}
.utilityContainer       {background:url(../images/modules/utilitypane/up_spacer.gif); border-left:1px solid #BDCBE7; border-top:1px solid #BDCBE7; border-right:1px solid #BDCBE7;}
.utilityText            {font-family:verdana, sans-serif; font-weight: bold; font-size:10px; color:#666E8C; background-image:url(../images/modules/utilitypane/up_spacer2.gif); padding-left:8px; padding-right:8px; cursor:pointer;}
.utilityTextHover       {font-family:verdana, sans-serif; font-weight: bold; font-size:10px; color:#263363; background-image:url(../images/modules/utilitypane/up_spacer2.gif); padding-left:8px; padding-right:8px; cursor:pointer;}

/* Removed to mimick AppShell. See below Button.uilityImage. JT */
/* .utilityImage           {background:url(../images/modules/utilitypane/up_spacer.gif);  font-family:arial; font-size:8pt; color:#7085A8; font-weight:bold; width:100%; height:28px; margin:0px; padding-left:7px; padding-right:7px; border-top:0px solid #ffffff; border-right:0px solid #818181; border-bottom:0px solid #DEE3E7; border-left:0px solid #ffffff; cursor:pointer;}*/
.utilityImageHover      {background:url(../images/modules/utilitypane/up_spacer.gif);  font-family:arial; font-size:8pt; color:#7085A8; font-weight:bold; width:100%; height:28px; margin:0px; padding-left:7px; padding-right:7px; border-top:1px solid #ffffff; border-right:1px solid #818181; border-bottom:1px solid #818181; border-left:1px solid #ffffff; cursor:pointer;}
.utilityImageWhatIfLbl  {background:url(../images/modules/utilitypane/up_spacer.gif);  font-family:arial; font-size:8pt; color:#EE910C; font-weight:bold; width:100%; height:28px; margin:0px; padding-left:7px; padding-right:10px; padding-top:2px; border-top:0px solid #ffffff; border-right:0px solid #818181; border-bottom:0px solid #DEE3E7; border-left:0px solid #ffffff;}
.utilityImageWhatIf     {background:url(../images/modules/utilitypane/up_spacer1.gif); font-family:arial; font-size:8pt; color:#7F512F; font-weight:bold; width:100%; height:28px; margin:0px; padding-left:7px; padding-right:7px; border:0px solid #818181; cursor:pointer; }
.utilityImageBlue       {background:url(../images/modules/utilitypane/up_spacer2.gif); font-family:arial; font-size:8pt; color:#7085A8; font-weight:bold; width:100%; height:28px; margin:0px; padding-left:7px; padding-right:7px; border:0px solid #818181; cursor:pointer; }
.utilityImageBlueHover  {background:url(../images/modules/utilitypane/up_spacer2.gif); font-family:arial; font-size:8pt; color:#7085A8; font-weight:bold; width:100%; height:28px; margin:0px; padding-left:7px; padding-right:7px; border-top:1px solid #ffffff; border-right:1px solid #818181; border-bottom:1px solid #818181; border-left:1px solid #ffffff; cursor:pointer;}

/* System Navigation */
.sysNavTbl			    {width:100%; border:none;}

/* primary navigation */
.navSelected			{background-image:url(../images/modules/navpane/green_button.gif); cursor:pointer;}
.navSelected1			{font-family:verdana; font-size:11px; color:#2F5013; padding-left:13px; padding-right:13px;}
.navNotSelected			{background-image:url(../images/modules/navpane/blue_button.gif);cursor:pointer;}
.navNotSelected1		{font-family:verdana; font-size:11px; color:#263363; padding-left:13px; padding-right:13px;}
.navSelected    A TABLE	{height:100%;}
.navNotSelected A TABLE	{height:100%;}

/* secondary navigation */
.nav2Selected			{background-image:url(../images/modules/navpane/green_button2_on.gif); cursor:pointer;}
.nav2Selected1			{font-family:verdana; font-size:11px; color:#2F5013; padding-left:18px; padding-right:18px;}
.nav2NotSelected		{background-image:url(../images/modules/navpane/green_button2_off.gif); cursor:pointer;}
.nav2NotSelected1		{font-family:verdana; font-size:11px; color:#263363; padding-left:18px; padding-right:18px;}
.nav2Selected    A TABLE{height:100%;}
.nav2NotSelected A TABLE{height:100%;}

/* Side Navigation */
.sideNavBG              {background-color:#e3f0bc; vertical-align:top; border-bottom:1px solid #b5cb84; border-right:1px solid #b5cb84; padding:5px;}
.sideNavNode            {height:22px; font-family:arial; font-size:11px; color:#263363; background-color:#e3f0bc; border-bottom:1px solid #b5cb84; padding-top:3px; padding-left:12px; padding-right:12px; cursor:pointer;}
.sideNavNodeSelected	{height:22px; font-family:arial; font-size:11px; color:#2F5013; background-color:#f5f8e4; border:       1px solid #b5cb84; padding-top:3px; padding-left:10px; padding-right:10px; cursor:pointer;}
.sideNavNode        	A {color:#263363;}
.sideNavNodeSelected	A {color:#2F5013;}

/* tabs */
.tabOn 					{font-family:verdana; font-weight: bold; font-size:11px; color:#213063; background-image:url(../images/modules/tabs/tab_on.gif);  background-repeat:no-repeat; border-right:1px solid #b5cb84; cursor:pointer;}
.tabOff 				{font-family:verdana; font-weight: bold; font-size:11px; color:#636d8c; background-image:url(../images/modules/tabs/tab_off.gif); background-repeat:no-repeat; border-right:1px solid #b5cb84; border-bottom:1px solid #b5cb84; cursor:pointer;}
.tabOn  A				{color:#213063; height:100%; padding-left:11px; padding-right:12px; padding-top:5px;}
.tabOff A				{color:#636d8c; height:100%; padding-left:11px; padding-right:12px; padding-top:4px;}
.tabOnHover 			{font-family:verdana; font-weight: bold; font-size:11px; color:red; background-image:url(../images/modules/tabs/tab_on.gif);  background-repeat:no-repeat; padding-left:11px; padding-right:12px; border-right:1px solid #b5cb84;}
.tabOffHover 			{font-family:verdana; font-weight: bold; font-size:11px; color:red; background-image:url(../images/modules/tabs/tab_off.gif); background-repeat:no-repeat; padding-left:11px; padding-right:12px; border-right:1px solid #b5cb84; border-bottom:1px solid #b5cb84;}
.tabSpacer 				{width:1px; height:24px; background-image:url(../images/modules/tabs/green_background.gif); border-bottom:1px solid #b5cb84;}
.tabBackground 		{background-color:#e3f0bc; border-bottom:1px solid #b5cb84;}
.tabImage         {vertical-align:middle; margin-right:2px;}

/* Simple Navigation Link */
.simpleNavLinkOn  {font-family:verdana; font-weight: bold; font-size:11px; color:#294D8C; padding-left:10px; padding-right:10px; cursor:pointer; text-decoration: underline;}
.simpleNavLinkOff {font-family:verdana; font-weight: bold; font-size:11px; color:#9C9A9C; padding-left:10px; padding-right:10px; cursor:pointer;}

/* tab container */
.tcTabOn          {font-family:verdana; font-weight: bold; font-size:11px; color:#0C99C9; background-image:url(../images/modules/tabs/tc_tab_on.gif);  background-repeat:no-repeat; border-right:1px solid #D2D2D2; cursor:pointer;}
.tcTabOff         {font-family:verdana; font-weight: bold; font-size:11px; color:#333333; background-image:url(../images/modules/tabs/tc_tab_off.gif); background-repeat:no-repeat; border-right:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; cursor:pointer;}
.tcTabOn  A         {color:#0C99C9; height:100%; padding-left:11px; padding-right:12px; padding-top:5px;}
.tcTabOff A         {color:#333333; height:100%; padding-left:11px; padding-right:12px; padding-top:4px;}
.tcTabOff:hover A         {color:#0C99C9; height:100%; padding-left:11px; padding-right:12px; padding-top:4px;}
.tcTabBg          {border-bottom:1px solid #D2D2D2;}
.tcContentBorder  {border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; background-color:#FFFFFF;}
.tcContent        {overflow:auto; width:100%; height:200px; padding:5px;}

/* selection control */
.selectionHeader		{height:22px; font-family:arial; font-size:12px; color:#333333; background-color:#A0B8E5; border-bottom:1px solid #FFFFFF;}
#rowLimitReachedMsg	{font-family:arial; background-color:#f4f4f4; border: 1px solid #e4e4e4; margin-left: 2px; margin-right: 2px; height: 40px; overflow: auto; padding: 4px; margin-bottom: 5px; }
.selectionFooter 		{height:29px; font-family:arial; font-size:11px; background-color:#A0B8E5; border-top:1px solid #F6FBFF;}
.treeNode               {height:18px; font-family:arial; font-size:11px; color:#474B4E; padding-top:1px; padding-left:14px; cursor:pointer;}
.treeNode               A {color:#474B4E;}
.treeNode:hover               A {color:#0C99C9;}
.treeNodeNormal         {height:18px; font-family:arial; font-size:11px; color:#474B4E; padding-top:1px; padding-left:14px;}
.treeNodeNormal         A {color:#285077;}
.treeNodeNormal:hover         A {color:#0C99C9;}
.treeNodeNoImg          {height:18px; font-family:arial; font-size:11px; color:#285077; padding-top:1px; padding-left:14px; cursor:pointer;}
.treeNodeNoImgSelect    {height:18px; font-family:arial; font-weight:bold; font-size:11px; color:#285077; background-color:#ADD6FE; padding-top:1px; padding-left:14px; border-bottom:1px solid #E6EDF6; white-space:nowrap; cursor:pointer;}

.selectionHeaderRow		  {width:100%; height:22px; font-family:arial, sans-serif; font-size:12px; color:#333333; background-color:#ffffff; padding-top: 2px;}
.selectionHeaderCell	  {border-bottom:1px solid #0C99C9;}
.selectionHeaderTitle	  {border-bottom:1px solid #0C99C9; padding-left:7px; font-weight:bold;}
.selectionFooterRow		  {width:100%; height:29px; font-family:arial, sans-serif; font-size:11px; background-color:#A0B8E5; border-right:1px solid #708AA8; border-bottom:1px solid #708AA8; border-left:1px solid #708AA8;}
.selectionFooterCell	  {border-top:1px solid #F6FBFF;}
.imageButtonContainer 	  { cursor: pointer; }


/* buttons */
.buttonSpacer          {width:5px;}

.buttonBorderGreen     {border:0px solid #D2D2D2; margin-left: auto; margin-right:auto;}
.buttonGreenTD         {border:0px solid #FBFBFB; font-family:arial, sans-serif; font-size:11px;}
.buttonGreen           {border:1px solid #D8D8D8; height:18px; width:100%; font-family:arial, sans-serif; font-size:12px; color:#474B4E; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; cursor:pointer; white-space:nowrap;}
.buttonGreen:focus, 
.buttonGreen:hover,  
.buttonGreen:hover:focus{border:1px solid #D8D8D8; height:18px; font-family:arial, sans-serif; font-size:12px; color:#0194C7; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; cursor:pointer;}
.buttonGreen:active    {border:1px solid #D8D8D8; height:18px; font-family:arial, sans-serif; font-size:12px; color:#ffffff; background-color:#0C99C9; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; cursor:pointer;}
.buttonGreenDisabled   {border:1px solid #D8D8D8; height:18px; width:100%; font-family:arial, sans-serif; font-size:12px; color:#C3C2C2; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; }

.buttonSmallGreen      {height:10px; font-family:arial, sans-serif; font-size:9px; color:#474B4E; background-color:#FBFBFB; text-align:center; vertical-align:middle; line-height:10px; padding:0px 3px 0px 3px; border:1px solid #D8D8D8; cursor:pointer;}
.buttonSmallGreen:hover      {height:10px; font-family:arial, sans-serif; font-size:9px; color:#0194C7; background-color:#FBFBFB; text-align:center; vertical-align:middle; line-height:10px; padding:0px 3px 0px 3px; border:1px solid #D8D8D8; cursor:pointer;}
.buttonSmallFlatGreen  {height:10px; font-family:verdana, sans-serif; font-size:9px; color:#474B4E; background-color:#FBFBFB; text-align:center; vertical-align:middle; line-height:18px; padding:0px 3px 3px 3px; border:1px solid #D8D8D8; cursor:pointer;}
.buttonSmallFlatGreen:hover {height:10px; font-family:verdana, sans-serif; font-size:9px; color:#0194C7; background-color:#FBFBFB; text-align:center; vertical-align:middle; line-height:18px; padding:0px 3px 3px 3px; border:1px solid #D8D8D8; cursor:pointer;}

.buttonBlueBigFont	   {white-space: nowrap; word-wrap: normal; height:16px; font-family:verdana; font-size:11px; color:#333333; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; border-top:1px solid #FFFFFF; border-right:1px solid #A0B8E5; border-bottom:1px solid #A0B8E5; border-left:1px solid #FFFFFF; cursor:pointer;}

.buttonBorderBlue      {white-space: nowrap; word-wrap: normal; border:0px solid #D2D2D2;}
.buttonBlueTD          {white-space: nowrap; word-wrap: normal; border:0px solid #FBFBFB; font-family:arial, sans-serif; font-size:11px;}
.buttonBlue            {white-space: nowrap; word-wrap: normal; border:1px solid #D8D8D8; height:18px; font-family:arial, sans-serif; font-size:12px; color:#474B4E; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; cursor:pointer; display:block;}
.buttonBlue:hover,  
.buttonBlue:hover:focus{white-space: nowrap; word-wrap: normal; border:1px solid #D8D8D8;height:18px; font-family:arial, sans-serif; font-size:12px; color:#0194C7; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; cursor:pointer; display:block;}
.buttonBlue:active     {white-space: nowrap; word-wrap: normal; border:1px solid #D8D8D8;height:18px; font-family:arial, sans-serif; font-size:12px; color:#ffffff; background-color:#0C99C9; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; cursor:pointer; display:block;}
.buttonBlueDisabled    {white-space: nowrap; word-wrap: normal; border:1px solid #D8D8D8;height:18px; font-family:arial, sans-serif; font-size:12px; color:#C3C2C2; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; display:block;}
.buttonBlueDisabled img {
	opacity: 0.5;
}

.buttonBlueNoBorder    {white-space: nowrap; word-wrap: normal; height:100%; font-family:arial, sans-serif; font-size:11px; color:#474B4E; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 0px 0px 0px; border-top:0px; border-right:0px; border-bottom:0px; border-left:0px; cursor:pointer;}

.buttonGrey            {height:16px; font-family:arial, sans-serif; font-size:11px; color:#474B4E; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; border-top:1px solid #FFFFFF; border-right:1px solid #76A9D4; border-bottom:1px solid #76A9D4; border-left:1px solid #FFFFFF; cursor:pointer; }
.buttonGreyDisabled    {height:16px; font-family:arial, sans-serif; font-size:11px; color:#7A88A9; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; border-top:1px solid #FFFFFF; border-right:1px solid #C2D2E6; border-bottom:1px solid #C2D2E6; border-left:1px solid #FFFFFF;}
.buttonBorderGrey      {border:1px solid #627DC0;}

.buttonBrown           {height:10px; font-family:arial, sans-serif; font-size:9px; color:#474B4E; background-color:#FBFBFB; text-align:center; line-height:10px; padding:0px 5px 0px 5px; margin:0px; border-top:1px solid #FFFFFF; border-right:1px solid #A0B8E5; border-bottom:1px solid #A0B8E5; border-left:1px solid #FFFFFF; cursor:pointer;}
.buttonBrownDisabled   {font-family:arial, sans-serif; font-size:9px; color:#C3C2C2; background-color:#FBFBFB; text-align:center; padding:0px 5px 0px 5px; margin:0px; border-top:1px solid #FFFFFF; border-right:1px solid #A0B8E5; border-bottom:1px solid #A0B8E5; border-left:1px solid #FFFFFF;}
.buttonBorderBrown     {height:10px; border:1px solid #866442;}

.defaultButtonHover    {height:16px; font-family:arial, sans-serif; font-size:11px; color:#333333; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; border-top:1px solid #FFFFFF; border-right:1px solid #A0B8E5; border-bottom:1px solid #A0B8E5; border-left:1px solid #FFFFFF; cursor:pointer;}
.buttonDisabled        {height:16px; font-family:arial, sans-serif; font-size:11px; color:#333333; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:0px 5px 0px 5px; border-top:1px solid #FFFFFF; border-right:1px solid #A0B8E5; border-bottom:1px solid #A0B8E5; border-left:1px solid #FFFFFF;}
.buttonBlueTop2        {height:16px; font-family:arial, sans-serif; font-size:11px; color:#333333; background-color:#FBFBFB; text-align:center; vertical-align:middle; padding:2px 5px 0px 5px; border-top:1px solid #FFFFFF; border-right:1px solid #A0B8E5; border-bottom:1px solid #A0B8E5; border-left:1px solid #FFFFFF; cursor:pointer;}

.regularemphasizedbutton      {font-family:verdana; font-size:10px; font-weight:normal; color:#636163; background-color:#FBFBFB; text-align:center; margin-left:8px; padding-right:5px; padding-bottom:1px; padding-left:5px; border-top:1px solid #ffffff; border-right:1px solid #d0bb03; border-bottom:1px solid #d0bb03; border-left:1px solid #ffffff; cursor:pointer;}
.regularemphasizedbuttonhover {font-family:verdana; font-size:10px; font-weight:bold; color:#000000; background-color:#FBFBFB; text-align:center; margin-left:8px; padding-right:5px; padding-bottom:1px; padding-left:5px; border-top:1px solid #ffffff; border-right:1px solid #d0bb03; border-bottom:1px solid #d0bb03; border-left:1px solid #ffffff; cursor:pointer;}
.regularregularbutton         {font-family:verdana; font-size:10px; font-weight:normal; color:#636163; background-color:#FBFBFB; text-align:center; margin-right:4px; margin-left:4px; padding-right:5px; padding-bottom:1px; padding-left:5px; border-top:1px solid #7baac6; border-right:1px solid #6379bd; border-bottom:1px solid #6379bd; border-left:1px solid #7baac6; cursor:pointer;}
.regularregularbuttonhover    {font-family:verdana; font-size:10px; font-weight:bold; color:#000000; background-color:#FBFBFB; text-align:center; margin-right:4px; margin-left:4px; padding-right:5px; padding-bottom:1px; padding-left:5px; border-top:1px solid #7baac6; border-right:1px solid #6379bd; border-bottom:1px solid #6379bd; border-left:1px solid #7baac6; cursor:pointer;}
.regularinactivebutton        {font-family:verdana; font-size:10px; color:#b2b2b2; background-color:#FBFBFB; text-align:center; margin-right:4px; margin-left:4px; padding-right:5px; padding-bottom:1px; padding-left:5px; border-top:1px solid #ffffff; border-right:1px solid #f4f1cd; border-bottom:1px solid #f4f1cd; border-left:1px solid #ffffff;}
.smallemphasizedbutton        {font-family:verdana; font-weight:normal; font-size:9px; color:#636163; background-color:#FBFBFB; text-align:center; margin-right:1px; margin-left:1px; padding-right:6px; padding-bottom:1px; padding-left:6px; border-top:1px solid #ffffff; border-right:1px solid #d0bb03; border-bottom:1px solid #d0bb03; border-left:1px solid #ffffff; cursor:pointer;}
.smallemphasizedbuttonhover   {font-family:verdana; font-weight:bold; font-size:9px; color:#000000; background-color:#FBFBFB; text-align:center; margin-right:1px; margin-left:1px; padding-right:6px; padding-bottom:1px; padding-left:6px; border-top:1px solid #ffffff; border-right:1px solid #d0bb03; border-bottom:1px solid #d0bb03; border-left:1px solid #ffffff; cursor:pointer;}
.smallregularbutton           {font-family:verdana; font-size:9px; font-weight:normal; color:#636163; background-color:#FBFBFB; text-align:center; margin-right:1px; margin-left:1px; padding-right:6px; padding-bottom:1px; padding-left:6px; border-top:1px solid #7baac6; border-right:1px solid #6379bd; border-bottom:1px solid #6379bd; border-left:1px solid #7baac6; cursor:pointer;}
.smallregularbuttonhover      {font-family:verdana; font-size:9px; font-weight:bold; color:#000000; background-color:#FBFBFB; text-align:center; margin-right:1px; margin-left:1px; padding-right:6px; padding-bottom:1px; padding-left:6px; border-top:1px solid #7baac6; border-right:1px solid #6379bd; border-bottom:1px solid #6379bd; border-left:1px solid #7baac6; cursor:pointer;}
.smallinactivebutton          {font-family:verdana; font-size:9px; color:#b2b2b2; background-color:#FBFBFB; text-align:center; margin-right:1px; margin-left:1px; padding-right:6px; padding-bottom:1px; padding-left:6px; border-top:1px solid #ffffff; border-right:1px solid #f4f1cd; border-bottom:1px solid #f4f1cd; border-left:1px solid #ffffff;}
.smallgreenbutton             {border:1px solid #D2D2D2;height:16px; width:100%; font-family:verdana; font-size:9px; font-weight:normal; color:#333333; background-color:#FBFBFB; text-align:center; padding-right:6px; padding-bottom:1px; padding-left:6px; cursor:pointer;}
.smallgreenbutton:focus, 
.smallgreenbutton:hover,  
.smallgreenbutton:hover:focus{border:1px solid #D2D2D2;height:16px; width:100%; font-family:verdana; font-size:9px; font-weight:normal; color:#0194C7; background-color:#FBFBFB; text-align:center; padding-right:6px; padding-bottom:1px; padding-left:6px; cursor:pointer;}
.smallgreenbutton:active      {border:1px solid #D2D2D2;height:16px; width:100%; font-family:verdana; font-size:9px; font-weight:normal; color:#ffffff; background-color:#0C99C9; text-align:center; padding-right:6px; padding-bottom:1px; padding-left:6px; cursor:pointer;}
.emphasizedbuttonborder       {background-color:#505050;}
.regularbuttonborder          {background-color:#999999;}
.greenbuttonborder            {background-color:#799344; border:0px solid #D2D2D2; }/*Same as buttonBorderGreen, could merge -- Rick Sun*/
.inactivebuttonborder         {background-color:#b2b2b2;}

.imageButton	{border-width:0px;}

/* table items */
.tableHeaderDarkLeft	  {height:22px; font-family:arial; font-size:12px; font-weight:bold;background-color:#ffffff; color:#333333; text-align:left; padding-left:7px; padding-right:7px; border-bottom:1px solid #0C99C9;}
.tableHeaderDarkCenter	{height:22px; font-family:arial; font-size:12px; font-weight:bold;background-color:#ffffff; color:#333333; text-align:center; padding-left:7px; padding-right:7px; border-bottom:1px solid #0C99C9;}
.tableHeaderLightLeft 	{height:22px; font-family:arial; font-size:12px; font-weight:bold;background-color:#ffffff; color:#333333; text-align:left; padding-left:7px; padding-right:7px; border-bottom:1px solid #0C99C9;margin-bottom:5px; vertical-align:middle;}
.tableHeaderLightLeft:hover A {color: #0C99C9;}
.tableHeaderLightRight 	{height:22px; font-family:arial; font-size:12px; font-weight:bold;background-color:#ffffff; color:#333333; text-align:right; padding-left:7px; padding-right:7px; border-bottom:1px solid #0C99C9; vertical-align:middle;}
.tableHeaderLightCenter	{height:22px; font-family:arial; font-size:12px; font-weight:bold;background-color:#ffffff; color:#333333; text-align:center; padding-left:7px; padding-right:7px; border-bottom:1px solid #0C99C9; vertical-align:middle;}
.tableItem				{height:18px; font-family:arial; font-size:11px; color:#474B4E; margin:0px; padding-left:7px; padding-right:7px; cursor:pointer; text-align:left;}
.tableItem				A {color:#474B4E;}
.tableItem:hover				A {color:#0C99C9;}
.tableItem img			{ vertical-align: middle; }
.tableItemSorted		    {height:18px; font-family:arial; font-size:11px; color:#333333; background-color:#BFCFEB; margin:0px; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px; cursor:pointer;}
.tableFooter 			      {height:29px; font-family:arial; font-size:11px; background-color:#A0B8E5; border-top:1px solid #F6FBFF;}
.tableHeaderMed			{height:20px; font-family:arial; font-size:11px; color:#333333; background-color:#D1DFEF; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px;}
A.tableHeaderAnchor		{color: #333333;}
.tableHeaderImageButton		{cursor:pointer; margin-right:3px; width: 16px; height:90%; border-width:0px; background:transparent; vertical-align:middle; padding: 0px 0px 0px 0px;}

.tableInnerHeader 	{height:20px; font-family:arial; font-size:12px; color:#333333; text-align:left; background-color:#ffffff; padding-left:7px; padding-right:7px; border-bottom:1px solid #0C99C9;}

/* BPSI[DS] */
.tableRowSelected,.tblItemSelect    {height:18px; font-family:arial; font-size:11px; color:#474B4E; background-color:#B2E9FC; margin:0px; border:1px solid #B2E9FC; padding-left:7px; padding-right:7px; cursor:pointer; text-align:left;}
.tableRowSelected			A {color:#474B4E;}
.tableRowSelected:hover A {color:#474B4E;}
.tableRowSelected IMG	{ vertical-align: middle; }
.tableItemNormal		    {height:18px; font-family:arial; font-size:11px; color:#474B4E; margin:0px; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px; text-align:left;}
.tableItemNormal			A {color:#474B4E;}
.tableItemNormal:hover			A {color:#0C99C9;}
.tableText		          {height:18px; font-family:arial; font-size:14px; color:#333333; background-color:#ffffff; margin:0px; padding-left:7px; padding-right:7px;}

/* BPSI[EJR] */
.tblItemNoHand			{height:18px; font-family:arial; font-size:11px; margin:0px; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px;}
.tableItemAttachedObj   {height:18px; font-family:arial; font-size:11px; margin:0px; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px;}
.tableSecureField       {background-image: url('../images/secure.gif');}
.pplListItem		    {height:18px; font-family:arial; font-size:11px; color:#333333; background-color:#E6EDF6; margin:0px; padding-left:7px; padding-right:7px; cursor:pointer; }
.pplListItemSelect	    {height:18px; font-family:arial; font-size:11px; color:#285077; background-color:#ADD7FE; margin:0px; padding-left:7px; padding-right:7px; cursor:pointer;}

.tableHeaderAscending	{height:22px; font-family:arial; font-weight:bold; font-size:12px; color:#333333; text-align:left; padding-left:7px; padding-right:18px; border-bottom:1px solid #0C99C9; background: #ffffff url('../images/modules/ascending.gif') no-repeat right; cursor:pointer; vertical-align:middle; -ms-high-contrast-adjust: none;}
.tableHeaderDescending	{height:22px; font-family:arial; font-weight:bold; font-size:12px; color:#333333; text-align:left; padding-left:7px; padding-right:18px; border-bottom:1px solid #0C99C9; background: #ffffff url('../images/modules/descending.gif') no-repeat right; cursor:pointer; vertical-align:middle; -ms-high-contrast-adjust: none;}
.tableHeaderAscending:hover A {color:#0C99C9;}
.tableHeaderDescending:hover A {color:#0C99C9;}

.tableName              {height:22px; font-family:arial; font-size:12px; color:#333333; text-align:left; padding-left:7px; padding-right:7px; }

.tblItem				{padding:2px 7px 2px 7px; vertical-align: middle; text-align: left;}
.tblItemHand			{padding:2px 7px 2px 7px; cursor:pointer;}
.tblSort		        {color:#333333; background-color:#BFCFEB; padding:2px 7px 2px 7px;}
.tblSortHand            {color:#333333; background-color:#BFCFEB; padding:2px 7px 2px 7px; cursor:pointer;}

.tblRowSelect		    {font-family:arial; font-size:11px; color:#474B4E; background-color:#B2E9FC;  padding-left:7px; padding-right:7px; cursor:pointer; vertical-align: middle;}
.tblRowSelect		    A {color:#474B4E;}
.tblRowSelect:hover A {color:#474B4E;}
.tblRow 		        {font-family:arial; font-size:11px; color:#474B4E; background-color:#ffffff; padding-left:7px; padding-right:7px; vertical-align: middle;}
.tblRow			        A {color:#474B4E;}
.tblRow:hover			A {color:#0C99C9;}
.tblRowZebra	        {font-family:arial; font-size:11px; color:#474B4E; background-color:rgb(239, 240, 240); padding-left:7px; padding-right:7px; vertical-align: middle;}
.tblRowZebra			A {color:#474B4E;}
.tblRowZebra:hover      A {color:#0C99C9;}

.tblRowHand		        {font-family:arial; font-size:11px; color:#333333; padding-left:7px; padding-right:7px; cursor:pointer;}
.tblRowHandZebra        {font-family:arial; font-size:11px; color:#333333; background-color:#f8f8f8; padding-left:7px; padding-right:7px; cursor:pointer;}
.tblRowHandSelect	    {font-family:arial; font-size:11px; color:#333333; background-color:#B2E9FC; padding-left:7px; padding-right:7px; cursor:pointer;}
.tblSecure              {background-image: url('../images/secure.gif');}
.tblIcon                {width:24px; height:18px; margin:0px; padding:0px;}
.tblItemHandBorder		{font-family:arial; font-size:11px; padding-left:1px; padding-right:1px; cursor:pointer;}

.summaryText		  {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:7px;}
.tableHeaderIcon  {width:24px; height:22px; }
.tbl2ndHdr		    {height:20px; font-family:arial; font-size:12px; color:#333333; text-align:center; background-color:#bdcfef;border-top:1px solid #94aade; border-right:1px solid #94AADE; border-bottom:1px solid #94aade;}

/*Container table: Swati*/
.tbl2ndHdrLeft	        {height:20px; font-family:arial; font-size:12px; color:#333333; text-align:left; border-top:0px solid #D2D2D2; border-right:0px solid #D2D2D2; border-bottom:1px solid #0C99C9; padding-left:7px; padding-right:7px; font-weight:normal;}
.tbl2ndHdrRight	        {height:20px; font-family:arial; font-size:12px; font-weight:normal; color:#333333; text-align:Right; border-top:0px solid #D2D2D2; border-right:0px solid #D2D2D2; border-bottom:1px solid #0C99C9; padding-left:7px; padding-right:7px;}
.tbl2ndHdrLeftNoBorder	{height:20px; font-family:arial; font-size:12px; color:#333333; text-align:left; padding-left:7px; padding-right:7px;}
.tbl3ndHdrLeftNoBorder	        {height:20px; font-family:arial; font-size:11px; color:#333333; text-align:left; padding-left:7px; padding-right:7px;}
.tblLightLeft        	{height:20px; font-family:arial; font-size:11px; color:#333333; vertical-align:top; border-bottom:1px solid #0C99C9; padding:2px 20px 0px 20px; padding-left:7px; padding-right:7px;}
.tblLightLeftSelect     {height:20px; font-family:arial; font-size:11px; color:#333333; vertical-align:top; padding:2px 20px 0px 20px; cursor:pointer; padding-left:7px; padding-right:7px;}
.tblLightItem			{height:20px; vertical-align:top; border-bottom:1px solid #0C99C9;}

/* Table header for adherence and graph schedule view */
.hoursTop 				{ background-color: #BCCEEC; }
.hour 					{ height:18px; width:61px; padding-top:4px; font-family:arial; font-size:11px; color:#091234; text-align:center; border-right: 1px solid #0C99C9; border-bottom: 1px solid #0C99C9; display: inline-block; }
.tableHeaderNoPaddn 	{height:22px; font-family:arial; font-size:12px; color:#091234; text-align:left;}
.tblItemNoPaddn			{height:18px; border-bottom:1px solid #e3e3e3; }
.tblRowNoPaddn 		    {height:18px; font-family:arial; font-size:11px; color:#333333; border-bottom:1px solid #e3e3e3;}
.tblItemNoPaddnNoBorder			{height:18px;}
.tblRowNoPaddnNoBorder 		    {height:18px;}

/* list */
.listItem   {border-bottom:0px solid #EFF0F0; font-family:arial; font-size:11px; color:#474B4E; padding-left:14px; text-align:left;}
.listItem   A {color:#285077;}

.zebraBackground         {background-color:#f8f8f8;}

/* form */
.basicFormBorder      {background-color: #ffffff; border:1px 1px 0px 1px solid #708aa8;}
.formRowDark			    {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;white-space:nowrap}
.formRowDark131		    {width:131px;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:middle; text-align:left;white-space:nowrap}
.formRowDark10		    {width:10%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:middle; text-align:left;white-space:nowrap}
.formRowDark25		    {width:20%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:middle; text-align:left;white-space:nowrap}
.formRowDarkNoBorderBottom {font-family:arial; font-size:11px; color:#333333; margin:0px; padding-left:0px; padding-right:0px; padding-bottom:1px; vertical-align:middle;white-space:nowrap}
.formRowDarkGreen	    {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:middle;white-space:nowrap}
.formShortRowDark	    {margin:0px; padding:2px 10px 1px 20px; vertical-align:middle;white-space:nowrap}
.formRowDarkPadding7  {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px;white-space:nowrap}
.formRowLightNoHPad   {font-family:arial; font-size:11px; color:#333333; margin:0px; padding-bottom:1px; text-align:left;}
.formRowLight			    {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px;text-align:left;}
.formRowLight90		    {width:90%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px;text-align:left;}
.formRowLight75		    {width:80%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:4px 7px 1px 7px;text-align:left;}
.formRowLightGreen    {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px; text-align:left;}
.formShortRowLight	  {margin:0px; padding:2px 7px 1px 7px;}
.formRowLightNoBorderBottom		{font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px;}
.formRowLightNoBorderBottom2    {font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px; vertical-align:top;}
.formRowLightNoBorderBottomNoHeight		{font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 7px 1px 7px;}
.border1px            {border:0px solid #FFFFFF;}
.border1pxGray        {border:0px solid #FFFFFF;}
.formInternalRowLight	{font-family:arial; font-size:11px; color:#333333; margin:0px;padding:2px 10px 1px 20px; }
.formRowDark40		    {width:40%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;}
.formRowLight60		    {width:60%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;}
.formRowDark13		    {width:13%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;}
.formRowLight13		    {width:13%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;}
.formRowLight37		    {width:37%;font-family:arial; font-size:11px; color:#333333; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;}
.formHintRow          {height:15px; font-family:verdana; font-size:10px; color:#263363; margin:0px; padding:2px 10px 1px 20px; vertical-align:top;}

/* treetable items */
.treeTableItem			{height:18px; font-family:arial; font-size:11px; color:#333333; background-color:#ffffff; margin:0px; border-bottom:1px solid #FFFFFF; border-left:1px solid #F6FBFF; padding-left:7px; padding-right:7px; cursor:pointer;}
.treeTableItemNormal		{height:18px; font-family:arial; font-size:11px; color:#474B4E; margin:0px; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px; text-align:left;}
.treeTableItemNormal		A {color:#474B4E;}
.treeTableItemNormal:hover		A {color:#0C99C9;}
.treeTableItemSorted	{height:18px; font-family:arial; font-size:11px; color:#333333; background-color:#BFCFEB; margin:0px; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px; cursor:pointer;}
.treeTableRowSelected	{height:18px; font-family:arial; font-size:11px; color:#295175; background-color:#ADD7FE; margin:0px; border-bottom:1px solid #FFFFFF; border-left:1px solid #ADD7FE; padding-left:7px; padding-right:7px; cursor:pointer;}
.treeTableNorgie		{cursor:pointer; margin-right:5px; position: relative}
.treeNorgie		      {cursor:pointer; margin-right:1px;}
.treeBR		          {cursor:pointer; margin-right:1px; margin-left:1px; font-weight:bold;}

/* contained list */
.listHeader				{height:20px; font-family:arial; font-size:11px; color:#333333; text-align:center; background-color:#ffffff; border-bottom:1px solid #FFFFFF;}
.listHeaderLeft			{height:20px; font-family:arial; font-size:11px; color:#333333; text-align:left; background-color:#ffffff; border-bottom:1px solid #FFFFFF;}
.listSummary			{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#E6EDF6; border-bottom:1px solid #94A2B5; cursor:pointer;}
.listRowDark			{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#C2D2E6; border-bottom:1px solid #C2D2E6; cursor:pointer;}
.listRowMed				{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#ffffff; border-bottom:1px solid #C2D2E6; border-top:1px solid #F6FBFF; cursor:pointer;}
.listRowLight			{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#E6EDF6; border-bottom:1px solid #C2D2E6; border-top:1px solid #F6FBFF; cursor:pointer;}
.listRowLightForm		{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#E6EDF6; border-bottom:1px solid #94A2B5; padding:7px 7px 12px 7px; cursor:pointer;}
.listRowMedForm			{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#ffffff; border-bottom:1px solid #94A2B5; padding:7px 7px 12px 7px;}
.listRowDarkForm		{height:20px; font-family:arial; font-size:11px; color:#474B4E; text-align:center; background-color:#C2D2E6; border-bottom:1px solid #C2D2E6; padding:7px 7px 12px 7px; cursor:pointer;}
.listTableLight			{height:20px; font-family:arial; font-size:11px; color:#474B4E; background-color:#F6FBFF; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px; cursor:pointer;}
.listTableLightSelect	{height:20px; font-family:arial; font-size:11px; color:#474B4E; background-color:#ADD7FE; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px; cursor:pointer;}
.listTableMed			{height:20px; font-family:arial; font-size:11px; color:#474B4E; background-color:#E6EDF6; vertical-align:top; border-bottom:1px solid #089ACE; padding:2px 20px 0px 20px;}
.listTableMedRight		{height:20px; font-family:arial; font-size:11px; color:#474B4E; background-color:#E6EDF6; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px; text-align:right;}
.listTableMedCenter		{height:20px; font-family:arial; font-size:11px; color:#474B4E; background-color:#E6EDF6; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px; text-align:center;}
.listTableDark			{height:20px; font-family:arial; font-size:11px; color:#474B4E; background-color:#ffffff; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px; cursor:pointer;}
.listRowMed				{height:20px; font-family:arial; font-size:11px; color:#333333; text-align:center; background-color:#ffffff; border-bottom:1px solid #C2D2E6; border-top:1px solid #F6FBFF; cursor:pointer;}
.listRowMedForm			{height:20px; font-family:arial; font-size:11px; color:#333333; text-align:center; background-color:#ffffff; border-bottom:1px solid #94A2B5; padding:7px 7px 12px 7px;}
.listTableDark			{height:20px; font-family:arial; font-size:11px; color:#333333; background-color:#ffffff; vertical-align:top; border-bottom:1px solid #C2D2E6; padding:2px 20px 0px 20px; cursor:pointer;}
.listSelection			{height:20px; font-family:arial; font-size:11px; color:#333333; background-color:#A0B8E5; border-bottom:1px solid #FFFFFF; cursor:pointer;}
.listContainer			{background-color:#ffffff;}
.bottomToolbarContainer	{background-color:#E6EDF6; border-bottom:1px solid #7085A8; border-left:1px solid #7085A8; border-right:1px solid #7085A8}
.ppListExceptionsRow	{height:18px; font-family:arial, sans-serif; font-size:11px; color:#474B4E; background-color:#F8ECBF; padding:0px 4px 0px 4px;}

/* Popup Window */
.popupBody				{background-color:#ffffff; margin-top:10px; margin-left:14px; margin-right:14px;}
.popupBlueBody    {background-color:#ffffff; margin-top:0px; margin-left:0px; margin-right:0px;}
.popupTitle				{height:22px; font-family:verdana; font-size:12px; font-weight:bold; color:#333333;}
.popupDialogTitlePane 	{height:22px; font-family:arial; font-size:11px; color:#333333; background-color:#ffffff; padding-right:6px; border-bottom:1px solid #0C99C9;}
.popupDialogPane 		{height:22px; background-color:#ffffff; padding-bottom:2px; padding-top:2px; padding-right:6px; border-bottom:1px solid #ffffff;}
.popupDropDown			{width:75px; font-family:verdana; font-size:10px; color:#263363; background-color:#E6EAF0;}
.popupSelect			{height:18px; width:75px; font-family:arial; font-size:11px; color:#474B4E; padding-left: 6px; border:1px; border-style:solid; border-color:#7085A8;}
.popupTable				{}

/* expanded view */
.expandedHeader			{height:22px; font-family:arial; font-size:12px; color:#333333; background-color:#A0B8E5; padding-right:6px; border-bottom:1px solid #FFFFFF; cursor:pointer;}
.expandedRowSelected	{height:18px; font-family:arial; font-size:11px; color:#333333; background-color:#ADD7FE; padding-right:6px; border-bottom:1px solid #FFFFFF; cursor:pointer;}
.expandedItem			{height:18px; font-family:arial; font-size:11px; color:#333333; background-color:#E6EDF6; padding-right:6px; border-bottom:1px solid #FFFFFF; cursor:pointer;}

/* assignment box */
.assignmentTable		{font-family:verdana; font-size:11px; color:#333333;}
.assignmentHeader		{height:22px; font-family:arial; font-size:11px; font-weight:bold; color:#333333; padding: 0px 8px 0px 8px;}
.assignmentContent		{font-family:arial; font-size:11px; color:#333333; padding:8px; text-align:center;}
.assignmentListHeader {font-family:arial; font-size:12px; font-weight:bold; color:#333333; vertical-align:middle; text-align:left; border-bottom:1px solid #0C99C9; white-space:nowrap; margin-bottom:4px; padding-bottom:7px;}
.assignmentDescription	{font-family:arial; font-size:11px; color:#333333; padding:0px 10px 10px 10px; width:350px;}
.assignmentList         {height:18px; font-family:arial; font-size:11px; color:#474B4E; background-color:#F7F7F7; padding-top:1px; padding-left:14px; cursor:pointer; white-space:nowrap;}
.assignmentList         A {color:#474B4E;}
.assignmentList :hover A , .assignmentList         A :hover{color:#0C99C9;}
.assignmentListSelect   {height:18px; font-family:arial; font-size:11px; color:#474B4E; background-color:#92D7EF; padding-top:1px; padding-left:14px; white-space:nowrap; cursor:pointer;}
.assignmentListSelect   A {color:#474B4E;}
.assignmentImage		{margin:2px 2px 2px 2px;}
.assignmentDesc			{display:none;}
.assignmentBorderBlue	{margin:4px 0px 4px 0px;}

/* Choice Container PC */
.choiceCtnerLbl  {font-family:verdana; font-size:12px; padding-left:2px; font-weight:bold;}
.choiceCtnerDesc {font-family:verdana; font-size:12px; padding-left:2px; padding-bottom:10px;}
.choiceCtnerSpacer {height:5px;}
.choiceCtnerCnt  {font-family:verdana; font-size:12px;}

/* login screen */
.blueText       {font-family:arial; font-size:11px; color:#A8B0D0; vertical-align:top; padding-left:14px; padding-right:14px; padding-top:10px;}
.grayText       {font-family:arial; font-size:11px; color:#9BA1B0;}
.darkText       {font-family:arial; font-size:11px; color:#474B4E; padding-left:14px; padding-right:14px;}
.titleText      {font-family:arial; font-size:11px; font-weight:bold; color:#4B598E; padding-bottom:5px; padding-left:10px;}
.loginInfoOuter {width:350px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
.loginInfoInner {width:340px; background-color:#FFFFFF; border:1px solid #D4D8E8; overflow:auto; display:block;}
.loginInfoDivider {padding-left:10px; padding-right:10px;}
.loginBoxes     {width:100%; vertical-align:top; padding-top:10px;}
.loginDivider   {border-top:1px solid #999999; padding-bottom:5px; padding-right:5px;}
.loginRow       {padding-bottom:5px; padding-right:5px; padding-left:5px;}
.loginText	    {font-family:arial; font-size:11px; color:#4B598E; padding-bottom:5px; padding-right:10px; white-space:nowrap;}
.loginField	    {padding-left:10px; white-space:nowrap;}

.bpDropDownText2 {
	font-family: arial;
	font-size: 12px;
	color: #898c8f;
	padding: 5px 5px 5px 0;
	border: 0px;
	margin-left: 8px;
	margin-top: 4px;
}
.dropdownBox2 {
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	height: 32px;
	padding: 1px;
	display: inline-block;
}
.dropdownBox2:hover {
	border: 2px solid #c4e7f3;
	border-radius: 4px;
	padding: 0;
}
.bpDropDownButton2 {
	cursor: pointer;
	background-image: url('../images/buttons/newDropDownButton.png');
	background-repeat: no-repeat;
	margin-top: 12px;
}
.bpDropDownButton2:hover {
	cursor: pointer;
	background-image: url('../images/buttons/newDropDownButtonHover.png');
	background-repeat: no-repeat;
	margin-top: 12px;
}

body.login {
	font-family: arial unicode ms;
	font-size: 14px;
	color: #ffffff;
}
.loginContainer {
	min-width: 1000px;
}
.mainScreenBanner {
	width: 100%;
	height: 170px;
	border: 0;
	color: #898c8f;
	font-family: arial;
	font-size: 14px;
	padding-bottom: 1px; 
}

.mainScreenBanner td {
	vertical-align: bottom;
}
.loginLanguageCell {
	text-align: right;
	width: 1px;
	white-space: nowrap;
	min-width: 329px;
}
.loginLanguageCell > * {
	z-index: 1; /* PIE */
}
.loginLanguageCell label {
	vertical-align: middle;
}

.loginLanguageContainer {
	display: inline-block;
	margin-bottom: 5px;
}

body.login .loginHelp {
	padding: 1px !important;
	min-width: 21px;
	min-height: 22px;
	background-position: center;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	margin: 1px 14px 0px 10px !important;
}

.loginSectionContainer {
 	background-repeat:repeat-x;
 	width: 100%;
	height: 358px;
	min-width: 650px;
	position: relative;
	text-align: center;
}

.loginMainImage {
	background-repeat:no-repeat;
	width: 286px;
	height: 358px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index:0;
}

.loginContents {
	display:inline-block;
	position: relative;
	text-align: center;
	z-index:1; /* Required for IE8 on W7 */
}
.loginContents a {
	text-decoration: underline;
}
.loginTitle {
	font-family: Myriad Pro, arial;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 66px;
	text-align: center;
}

.loginTrustedContainer {
	min-height: 19px;
	text-align: left;
}
.loginInnerBoxContainer {
	position: relative;
	display: inline-block;
	text-align: left;
}
.loginInnerBox {
	background-color: #63c1e0;
	border-radius: 8px;
	display: inline-block;
	padding: 8px;
	white-space: nowrap;
	width: 508px;
	padding-left: 2px;
}

.loginInnerBox span {
	display: inline-block;
}
.loginInnerBox > span {
	margin-left: 2px;
	position: relative;
	vertical-align: top;
}
.loginInnerBox > span:first-child {
	margin-left: 0px;
	margin-right: 2px;
}
.loginInnerBox input, .loginInputText {
	height: 60px;
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #f4f4f4;
	border-bottom: 0;
	border-radius: 6px;
	box-sizing: border-box;
	color: #767c8b;
	font-family: proxima-nova-regular, arial;
	font-size: 18px;
	padding-left: 6px;
	outline: none;
}

.loginInputTextReadOnly  {
	color: #474B4E !important;
	background-color: #EBEAEA !important;
}
@media screen and (-ms-high-contrast: active) {
	.loginInputTextReadOnly  {
		color: lightgrey;
		background-color: grey;
	}
}

.loginInputTextWrapper label {
	vertical-align: middle;
	height: 100%;
}

.loginGo {
	background-color: #05CE7C;
	height: 52px;
	min-width: 49px;
	display: inline-block;
	text-align: center;
	line-height: 52px;
	margin-left: 3px;
	border-radius: 4px;
	cursor: pointer;
	color:#FFFFFF; 
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	position: absolute;
	left: 524px;
	top: 13px;
}
.loginGo:hover {
	background-color: #6fde38;
	border-left-color: #5ab52d;
}

.loginSectionContainer #loginToolbar_LOGINLabel {
	outline: none;
	border: 2px solid transparent;
}
.loginSectionContainer #loginToolbar_LOGINLabel:focus {
	border: 2px solid #fff;
}

.notificationSectionContainer #loginToolbar_SIGNOUTLabel:focus {
    border: 2px solid #fff;
}

.notificationSectionContainer #loginToolbar_SIGNOUTButton:focus {
    border: 2px solid #fff;
}

@media screen and (-ms-high-contrast: active) {
	.loginSectionContainer #loginToolbar_LOGINLabel {
		outline: none;
		border: 1px solid #000;
	}
	.loginSectionContainer #loginToolbar_LOGINLabel:focus {
		border: 1px solid #000;
		outline: 2px solid #000;
	}
}
	
.loginGo > span {
	margin: 0px 5px 0px 2px;
}

/*Login: New user and password reset */
.loginRegistrationPwdResetContainer {
	position: relative;
	width:100%;
	white-space:nowrap;
}
.loginNewUser {
	text-align: left;
}
.loginResetPasswordContainer {
	text-align: right;
}

.loginSectionContainer #username,
.loginSectionContainer #password {
	border: 2px solid transparent;
	outline: none;
}
.loginSectionContainer #username:focus,
.loginSectionContainer #password:focus {
	border: 2px solid #0596c7;
	box-shadow:none;
}

@media screen and (-ms-high-contrast: active) {
	.loginSectionContainer #username,
	.loginSectionContainer #password {
		border: 1px solid #000;
		outline: none;
	}
	.loginSectionContainer #username:focus,
	.loginSectionContainer #password:focus {
		border: 1px solid #000;
		outline: 2px solid #15428b;
	}
	.loginSectionContainer:disabled,
	.loginSectionContainer:disabled {
		-ms-high-contrast-adjust: none;
		background-color:grey;
	}
}


.loginSectionContainer #register:focus,
.loginSectionContainer #rstPsswd:focus {
	outline: 2px solid #fff;
	border-color: transparent;
	box-shadow:none;
}

.loginSectionContainer #bChk_isSSO_true_0:focus {
	outline: 2px solid #fff;
	border-color: transparent;
}
	
.appInfoContainer {
	width: 100%;
	padding-top: 15px;
	color: #a4a7a9;
	vertical-align: middle;
	color: #a4a7a9;
}
.appInfoContainer a {
	text-decoration: underline;
}
.appInfoLegal {
	padding-right: 1em;
}
.appInfoLegalNotice  {
	border-right: 1px solid #a4a7a9;
	padding: 5px 1em 5px 21px;
	display: inline-block;
	margin-right: 1em;
}
.appInfoProdInfo {
	font-size: 12px;
	padding-right: 21px;
	text-align: right;
}
.appInfoProductName {
	margin-right: 1em;
}
.appInfoBuild {
	margin-right: 1em;
}

body.login .stdError, body.login .stdWarning, body.login .stdResponse, body.login .stdInfo {
	border: 1px solid;
	border-radius: 3px;
	margin-bottom: 3px;
}
.productLogoCell {
	width: 325px;
	padding-left: 19px; 
}
.pageMessagesAreaCell {
	text-align: center;
	position: relative;
}
body.login .pageMessageArea {
	border: none;
	margin-bottom: 0;
	height: auto !important;
	width: auto !important;
	display: inline-block !important;
}
body.login .pageMessageArea *:last-child {
	margin-bottom: auto;
}

/* Impersonation */

.impersonation {
	display:inline-block;
	position: relative;
	text-align: left;
	margin-top: 20px;
	z-index:1; /* Required for IE8 on W7 */
}

.impersonation .impersonationDetails label {
	  width: 100px;
	  height: 16px;
	  font-family: Arial;
	  font-size: 14px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: 0.18px;
	  color: black;
}
.impersonation select {
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance:none; 
	background:url('../images/buttons/newDropDownButton.png');
	background-repeat:no-repeat;
	background-size:12px 8px;
	background-position:right 5px;	
}
.impersonation select::-ms-expand {
	display :none;
}
.impersonation .selectInputTenant {
	 margin: 18px 0 2px 20px;
}
.impersonation .impersonationDetails .tenantNameLabel {
	margin: 0 10px 34px 0;
}

.impersonation .impersonationDetails .userNameLabel {
	margin: 34px 23px 0 0;
}

.impersonation .impersonationButtonContainer{
	display: flex;
}
.impersonation .impersonationTitle {
	width: 300px;
    height: 20px;
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.23px;
    color:black;
}
.impersonation .impersonationTenantContainer {
	margin-top: 31px;
}
.impersonation .selectInput {
	width: 178px;
    height: 22px;
    padding: 0 0 0 6px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
}
.impersonation .impersonationButton:hover{
    background-color: #0062bf;
}
.impersonation .impersonationButton:active{
    background-color: #00498f;
}
.impersonation .impersonationButtonDisabled:hover{
	background-color: #cccccc;
}

.impersonation .selectInputUser {
	 margin: 28px 0 0 20px;
}
.impersonation option {
	margin: 4px 109px 0 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.07px;
    color: black;
}
.impersonation .impersonationButton{
	  width: 120px;
	  height: 22px;		 	  
	  text-align: center;		  
	  flex: 1;
	  background-color: #0075e4;
	  cursor:pointer;
}
.impersonation .impersonationSkipButton{  
	margin: 83px 0 0 0;
}
.impersonation .impersonationContinueButton{
	margin: 83px 1px 0 60px;
}

.impersonation .impersonationButtonLabel {
	top: 3px;
	position: relative;
	width: 106px;
    height: 14px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    text-align: center;
	color: #ffffff;
}
.impersonation .impersonationButtonDisabled{
	background-color: #cccccc;
}
.impersonation .impersonationButtonLabelDisabled{
	color: black;
}


/* dialog box */
.dialogBtn			{border-width:0px; width:21px; height:19px; background-color: transparent; padding: 0px 0px; cursor:pointer;}
.dialogBtnSmall		{border-width:0px; width:16px; height:18px; background-color: transparent; vertical-align: middle; padding: 0px 0px;}
.dialogButton		{width:100%; height:30px; background-color:A0B8E5; border:1px solid; border-color:#f6fbff #708aa8 #708aa8 #708aa8;}
.dialogPopup		{position:absolute; z-index:1; width:auto; height:auto; margin:0px; background-color:#ffffff; border:1px solid #D2D2D2; top:0px; left:0px;}
.dialogPopupNoPlacement	{position:absolute; z-index:1; width:auto; height:auto; margin:0px; background-color:#ffffff; border:1px solid #7085A8;}
.dialogUsedAsNormalPC	  {width:1%; margin:0px; background-color:#ffffff; border:1px solid #7085A8; display:table;}

/* Legend */
.legendHeader     {font-family:verdana; font-size:12px; background-color:#A0B8E5; color:#FFFFFF; text-align:center; width:100%; height:20px; padding-left:3px; padding-right:3px; cursor:pointer;}

/* Dialog Menu */
.dmHeader           {height:20px; font-family:arial, sans-serif; font-size:13px; line-height: 13px; font-weight:bold; color:#ffffff; background-color:#0075e4; text-align:center; vertical-align:middle; padding:2px 10px 2px 10px; border-bottom:1px solid #D2D2D2; cursor:pointer;}
.dmHeaderAsNormalPC {height:20px; font-family:arial, sans-serif; font-size:13px; line-height: 13px; font-weight:bold; color:#ffffff; background-color:#0C99C9; text-align:center; vertical-align:middle; padding:2px 10px 2px 10px; border-bottom:1px solid #D2D2D2;}
.dmContent        {padding:1px 20px 1px 20px; text-align:center;}
.dmContentScroll { 
/*	scrollbar-3dlight-color:    #F3F0CC;
	scrollbar-arrow-color:      #F3F0CC;
	scrollbar-base-color:       #E3F0BC;
	scrollbar-highlight-color:  #E3F0BC;
	scrollbar-shadow-color:     #BAF0AA;
	scrollbar-darkshadow-color: #BABAbA;
	scrollbar-track-color:      #D3E0AC;*/
}
.dmRow        	  {height:18px; font-family:arial; font-size:11px; color: #333333; padding-left: 10px;}
.dmFooter         {height:17px; font-family:arial, sans-serif; font-size:13px; line-height: 13px; color:#333333; background-color:#EBEAEA; border-top:1px solid #D2D2D2; text-align:center; padding:2px 10px 2px 10px;}
.dmItemHr         {width: 90%; height: 1px; color:999999; border: none;}
.dmItemNormal     {height:18px; font-family:arial, sans-serif; font-size:11px; vertical-align:middle; color:#333333; padding: 1px 10px 1px 10px; text-align:left;}
.dmItemMouseOver  {height:18px; font-family:arial, sans-serif; font-size:11px; vertical-align:middle; color:#333333; background-color:#B2E9FC; padding: 0px 9px 0px 9px; border-top:1px solid #FFFFFF; border-right:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; border-left:1px solid #D2D2D2; cursor:default; text-align:left;}
.dmFooter > table {margin:0px auto}

/* Context Menu */
.cmHeader         {height:20px; font-family:arial, sans-serif; font-size:13px; font-weight:bold; line-height: 14px; color:#4B598E; background-color:#D3D3D3; text-align:center; vertical-align:middle; cursor:pointer; padding:2px 10px 2px 10px; border-bottom:1px solid #D2D2D2;}
.cmItemDivider    {height:2px; vertical-align:middle; color:#4B598E; background-color:#F4F4F4;}
.cmItemNormal     {height:18px; font-family:arial, sans-serif; font-size:11px; vertical-align:middle; color:#4B598E; background-color:#F4F4F4; padding: 1px 10px 1px 10px;}
.cmItemMouseOver  {height:18px; font-family:arial, sans-serif; font-size:11px; vertical-align:middle; color:#263363; background-color:#FFFFFF; padding: 0px 9px 0px 9px; border:1px solid #7085A8; cursor:default;}

/* Date Picker */
.dpDialogPopup	  {position:absolute; z-index:1; width:auto; height:auto; top:0px; left:0px; background-color:#ffffff; margin:0px; border:1px solid #D2D2D2; padding:0px; visibility:hidden; }
.dpHeader         {height:20px; font-family:arial; font-size: 14px; line-height: 14px; color:#ffffff; background-color:#0C99C9; border-bottom:1px solid #D2D2D2; text-align:center; padding-left:2px; padding-right:2px; cursor:pointer;}
.dpHeaderLbl      {font-family:arial; font-size:11px; padding-left:10px; padding-right:10px; }
.dpDayLbl         {font-family:verdana; font-size:10px; color:#333333; background-color:#ffffff; border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; width:20px}
.dpTime           {background-color: #ffffff; border-bottom: 1px solid #D2D2D2; text-align: center; vertical-align: middle; }
.dpFooter         {color: #505050; background-color: #EBEAEA; border-top: 1px solid #D2D2D2; text-align: center; vertical-align: middle; width: 100%; padding: 2px; height:24px;}

.dpDay               {font-family:verdana; font-size:10px; color:#333333; text-align:center; border:1px solid #ffffff; padding:0px; margin:0px; width:20px; height:20px; cursor:pointer; background-color:#ffffff;}
.dpDayHover          {font-family:verdana; font-size:10px; color:#189ECC; text-align:center; border:1px solid #189ECC; padding:0px; margin:0px; width:20px; height:20px; cursor:pointer; background-color:#ffffff;}
.dpDaySelected       {font-family:verdana; font-size:10px; color:#189ECC; text-align:center; border:1px solid #189ECC; padding:0px; margin:0px; width:20px; height:20px; cursor:pointer; background-color:#ffffff;}
.dpDaySelectedHover  {font-family:verdana; font-size:10px; color:#189ECC; text-align:center; border:1px solid #189ECC; padding:0px; margin:0px; width:20px; height:20px; cursor:pointer; background-color:#ffffff;}
.dpDayDisabled       {font-family:verdana; font-size:10px; color:#c0c0c0; text-align:center; border:1px solid #ffffff; padding:0px; margin:0px; width:20px; height:20px; background-color:#ffffff; cursor:auto;}
.dpDayDisabledHover  {font-family:verdana; font-size:10px; color:#c0c0c0; text-align:center; border:1px solid #ffffff; padding:0px; margin:0px; width:20px; height:20px; background-color:#ffffff; cursor:auto;}
.dpCalContainer      {padding:4px; text-align:center; }

.PickerWrp        {white-space:nowrap;}
	.PickerWrp INPUT	{ vertical-align: bottom; }
	.PickerWrp BUTTON 	{ vertical-align: bottom; }


/*-----------------------BLUEPUMPKIN additions----------------------------*/
.selectionList        {background-color: #ffffff;}
.componentBorder			{background-color:#ffffff; border:1px solid #D2D2D2;}
.componentLightBorder {background-color:#ffffff; border:1px solid #D2D2D2; text-align:left;}
.componentPopupBorder	{background-color:#ffffff; border:1px solid #D2D2D2; width:100%; margin-left:10px; margin-right:10px; margin-bottom:10px;}
.containedListHeader  {height:22px; font-family:arial; font-size:12px; background-color:#ffffff; color:#333333; text-align:left; padding-left:7px; padding-right:7px; border-bottom:1px solid #FFFFFF;}
.scheduleItemNoColor	{height:18px; font-family:arial; font-size:11px; vertical-align:top; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px; cursor:pointer;}
.scheduleItemNoColor2	{height:18px; font-family:arial; font-size:11px; vertical-align:top; border-bottom:1px solid #FFFFFF; padding-left:7px; padding-right:7px; }
.logContent            {}
.logContent td           {padding-left: 10px; padding-right: 10px; vertical-align:top;text-align:left;font-family:arial; font-size:11px; font-color:#333333; border-bottom:1px solid #d2d2d2;}
.logContent tr:nth-child(even) { background-color: #FFFFFF; }
.logContent tr:nth-child(odd) { background-color: #EFF0F0; }

/* license expiration warning */
.expiredColor         {color:red;}
.willExpireColor      {color:orange; }

/* filter page */
.toolbarBorder		{background-color:#ffffff; border:1px solid #D2D2D2; border-top-width:0; }
.fPage          {background-color:#ffffff; }
.fTimeWindowTable {width:100%; height:100%;}
.fTimeWindow    {background-color:#ffffff; border-top:1px solid #D2D2D2;}
.fFromTo        {width:50px; text-align:right; margin-right:4px; font-family:arial; font-size:11px; color:#285077; padding-top:1px; padding-bottom:1px;}
.fTPCell        {margin-left:2px; width:100%; font-family:arial; font-size:11px; color:#474B4E; }
.fCell          {border:1px solid #D2D2D2; font-family:arial; font-size:11px; color:#285077; }
.fWrapper       {background-color:#ffffff; border:0px solid #D2D2D2; }
.fRow           {height:20px; background-color:#E6EDF6; border:1px solid #D2D2D2; padding-top:1px; padding-bottom:1px;}
.fBody			{background-color:#E6EDF6; margin-top:10px; margin-left:14px; }
.fName          {width:120px; height:18px;  font-family:arial; font-size:11px; color:#285077; background-color:#E6EDF6; padding-left:6px; }
.fValue         {height:18px;font-family:arial; font-size:11px; color:#285077;padding-top:1px; padding-bottom:1px;padding-left:2px;}
.fInpSmall      {width:100px; height:18px; font-family:arial; font-size:11px; color:#285077; border:1px solid #D2D2D2; background-color:white; padding-top:1px; padding-bottom:1px; padding-right:2px;}
.fInpTiny       {width:40px; height:18px; font-family:arial; font-size:11px; color:#285077; text-align:right; background-color:white; padding-top:1px; padding-bottom:1px; border:1px solid #7386AD;}
.fInp           {width:206px; height:18px; font-family:arial; font-size:11px; color:#285077; border:1px solid #D2D2D2; background-color:white;padding-top:1px; padding-bottom:1px;}
.fOp            {width:70px; height:18px; font-family:arial; font-size:11px; color:#285077; background-color:#E7EBF7; padding-top:1px; padding-bottom:1px; border:1px solid #7085A8;}
.fSelect        {width:206px; height:18px; font-family:arial; font-size:11px; color:#285077; background-color:#E7EBF7; padding-top:1px; padding-bottom:1px; border:1px solid #7085A8;}
.fTP            {height:18px; width:100%; font-family:arial; font-size:11px; color:#285077; background-color:#E7EBF7; padding-top:1px; padding-bottom:1px;}
.fTS            {font-family:arial; font-size:11px; color:#285077; padding-top:1px; padding-bottom:1px;}
.fLastN         {width:120px; height:18px; font-family:arial; font-size:11px; color:#285077; background-color:white;padding-top:1px; padding-bottom:1px;}
.fText          {font-family:arial; font-size:11px; color:#285077; }

/* dialog pickers */
.passwordPicker		{position:absolute; top:0px; left:0px; background-color:#F4FAD2; margin:0px; border:1px solid;}
.timePicker		    {position:absolute; top:0px; left:0px; background-color:#F4FAD2; margin:0px; border:1px solid;}
.timePickerDisplay  {height:18px;  font-family:arial; font-size:11px; color:#474B4E; padding-right:4px; padding-left:4px; border:1px solid #7085A8;}
.colorPicker		  {position:absolute; top:0px; left:0px; background-color:#F4FAD2; margin:0px; border:1px solid;}
.cp               {font-family:arial; font-size:11px; height: 11px;}
.colorshow        {font-family:arial; font-size:11px; width:18px; height: 18px; border:1px solid #D2D2D2;}

/* CALENDAR (from bizwerk.css) */
.smalltext          {font-family:verdana; font-size:10px; color:#505050;}
.day                       {color:#525152; padding-top: 2px; cursor:pointer;} /* empty class for class concatenation on the mac */
.dayHover                  {color:#525152; padding-top: 2px; background-color:#FEF470; cursor:pointer;}
.dayDisabled               {color:#c0c0c0; background-color:#f7f7f7; padding-top: 2px; cursor:auto;}
.dayDisabledHover          {color:#c0c0c0; background-color:#f7f7f7; padding-top: 2px; cursor:auto;}
.calendarDaySelected       {padding:2px 0px 0px 0px; margin:0px; background-color:#FEF470; cursor:pointer;}
.calendarDaySelectedHover  {padding:2px 0px 0px 0px; margin:0px; background-color:#FEF470; cursor:pointer;}

.calendarMonthArrowLeft    {border-bottom: solid 1px #999999; font-size: 14px; line-height: 14px; cursor:pointer;}
.calendarMonthYear         {border-bottom: solid 1px #999999}
.calendarMonthArrowRight   {border-bottom: solid 1px #999999; font-size: 14px; line-height: 14px; cursor:pointer;}
.calendarDayHeader         {background-image:url("../images/calendarDayHeaderBg.gif");}
.calendarDayHeaderLast     {}
.calendarDay               {padding:0px; margin:0px; border-bottom: solid 1px #E7E7E7; background-image:url("../images/calendarDayBg.gif"); background-color:#FFFFFA; cursor:pointer;}
.calendarDayLast           {padding:0px; margin:0px; border-bottom: solid 1px #E7E7E7; background-color:#FFFFFA; cursor:pointer;}
.calendarDayBottom         {padding:0px; margin:0px; background-image:url("../images/calendarDayBg.gif"); background-color:#FFFFFA; cursor:pointer;}
.calendarDayBottomLast     {padding:0px; margin:0px; background-color:#FFFFFA; cursor:pointer;}
.labelText				{font-family:arial; font-size:11px; color:#4B598E; padding-bottom:5px;}
.largelabelText			{font-family:arial; font-size:14px; color:#4B598E; padding-bottom:5px;}

/* Calendar PC */ 
.calendar                  {border:1px solid #D2D2D2;}
.calHeader	               {font-family:verdana; font-size:14px; background-color:#0C99C9; color:#FFFFFF; text-align:center; width:100%; height:25px; padding-left:3px; padding-right:3px;}
.calHeaderSmall	           {font-family:verdana; font-size:12px; background-color:#0C99C9; color:#FFFFFF; text-align:center; width:100%; height:20px; padding-left:3px; padding-right:3px;}
.calEmptyLbl               {font-family:arial; font-size:12px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999; padding:0px; margin:0px;}
.calDayLbl                 {font-family:arial; font-size:12px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999; padding:0px; margin:0px;}
.calDayLblSmall            {font-family:arial; font-size:11px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999; padding:0px; margin:0px;}
.calDayLblNormal                 {font-family:arial; font-size:12px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999; padding:0px; margin:0px; font-weight:normal;}
.calDayLblNormalSmall            {font-family:arial; font-size:11px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999; padding:0px; margin:0px; font-weight:normal;}
.calWeekLbl                {font-family:arial; font-size:12px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-right:1px solid #999999; padding-left:3px; padding-right:3px; height:40px;}
.calWeekLblSmal            {font-family:arial; font-size:11px; background-color:#FFFFFF; color:#333333; text-align:center; border-top:1px solid #999999; border-right:1px solid #999999; padding-left:3px; padding-right:3px; height:20px;}
.calDayActInput            {font-family:arial; font-size:11px; background-color:#FFFFFA; color:#333333; text-align:center; border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7; padding:1px; margin:0px; height:40px;}
.calDayInputWpr            {padding-left:4px; white-space:nowrap;}
.calDayAct                 {font-family:arial; font-size:11px; background-color:#FFFFFA; color:#333333; text-align:center; border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7; padding:1px; margin:0px; width:40px; height:40px;}
.calDayInact               {font-family:arial; font-size:11px; background-color:#FFFFFA; color:#B3B1B0; text-align:center; border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7; padding:0px; margin:0px; width:40px; height:40px;}
.calDayActSmall            {font-family:arial; font-size:11px; background-color:#FFFFFA; color:#333333; text-align:center; border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7; padding:0px; margin:0px; width:20px; height:20px;}
.calDayInactSmall          {font-family:arial; font-size:11px; background-color:#FFFFFA; color:#B3B1B0; text-align:center; border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7; padding:0px; margin:0px; width:20px; height:20px;}
.calDayTxt                 {font-family:arial; font-size:9px; text-align:center; padding-top:2px;}

/* toolbar table */
.toolbarTable	    {height:29px; font-family:arial; font-size:11px; background-color:#A0B8E5; border: 1px solid; border-color: #f6fbff #708aa8 #708aa8 #708aa8;}

/* page messages */
.messageButtonTable  { margin-top:3px; }
.pageMessageBtn      {height:22px; cursor:pointer;}
.pageMessageArea     {height:22px; background-color:#ffffff; border:1px solid #D2D2D2; margin-bottom:3px; overflow:auto;}
.pageMessageAreaDarkBorder     { height:22px; background-color:#ffffff; border:1px solid #D2D2D2; margin-bottom:3px; overflow:auto;}
.pageMessageEmpty    { height:22px; border:none; margin-bottom:3px; overflow:auto;}
.pageMessageDivider  {width:100%; height:1px; line-height:1px; border-top:1px solid #D2D2D2;}
.stdInfo             { font-family:verdana; font-size:12px; padding:3px; margin-left:5px; margin-right:5px; color:#333333;}
.stdResponse         { font-family:verdana; font-size:12px; padding:3px; margin-left:5px; margin-right:5px; color:#333333;}
.stdWarning          { font-family:verdana; font-size:12px; padding:3px; margin-left:5px; margin-right:5px; color:orange; }
.stdError            { font-family:verdana; font-size:12px; padding:3px; margin-left:5px; margin-right:5px; color:#CB1D1D;}
.inlineWarning       { width:100%; font-family:arial; font-size:12px; padding:3px; margin-left:5px; color:orange;}
.messageWithGlyph {
	position: relative;
	vertical-align: middle;
	padding-left: 2.5em;
}
.messageGlyph {
	width: 2em;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	line-height: 20px;
	cursor: default;
	text-align: center;
	font-weight: bold;
}

.messageWithImage {
	position: relative;
	vertical-align: middle;
	padding-left: 2.5em;
}

.messageWithImage .tabbable
{
    padding-left: 11px;
}

.messageImage {
	width: 2em;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	line-height: 20px;
	cursor: default;
	text-align: center;
	font-weight: bold;
}
.stdError .messageGlyph {
	background-color: #CB1D1D;
}
.stdWarning .messageGlyph {
	background-color: orange;
}
.stdResponse .messageGlyph {
	background-color: #4D861C;
}
.stdInfo .messageGlyph {
	background-color: #666E8C;
}

/* portlet messages */
.portlet-gmap-callout-table	{ cellspacing: 0; font-family:arial; color:#474B4E; font-size:9px; width: 100%; }
.portlet-gmap-callout-table th { font-weight: bold; text-align: right; height:18px; margin:0px; border-bottom:1px solid #f3f3f3; padding-left:2px; padding-right:2px;}
.portlet-gmap-callout-table td { height:18px; margin:0px; border-bottom:1px solid #f3f3f3; padding-left:7px; padding-right:7px;}
.portlet-msg.type0 			{width:100%; font-family:verdana; font-size:12px; padding:3px; margin-left:5px; color:#666E8C;}	/* INFO TYPE */
.portlet-msg.type1 			{width:100%; font-family:verdana; font-size:12px; padding:3px; margin-left:5px; color:#4D861C;}	/* INSTRUCTION, RESPONSE TYPE */
.portlet-msg.type2 			{width:100%; font-family:verdana; font-size:12px; padding:3px; margin-left:5px; color:orange; }	/* WARNING TYPE */
.portlet-msg.type3 			{width:100%; font-family:verdana; font-size:12px; padding:3px; margin-left:5px; color:#CB1D1D;}	/* ERROR TYPE */
.message-container 			{  }
.message-container .warning { color: #9F6000; padding-left: 20px; margin: 3px 0; background: url('../images/warning.png') left center no-repeat; }

/* ToolTip */
.toolTip 						 {position:absolute; top: 0px; left: 0px; z-index:10; visibility:hidden; padding:2px; border:1px solid #999999; background-color:#FFFFFF; font:7pt verdana,sans-serif;}

/* screen toggler */
.screentoggleBtn		{border-width:0px; width:7px; height:60px; padding-left:0px;background-color:#ffffff;}
.screentoggletopbutton {width:7px; padding-bottom:2px; padding-right:4px; padding-left:4px; cursor:pointer;}
.screentogglebottombutton {width:7px; padding-top:3px; padding-right:4px; padding-left:4px; cursor:pointer;}

/* flat image buttons */
.flatButtonBorderBlue   {height:18px; width:21px; font-size:11px; background-color:#FBFBFB;
						 border:1px solid #D2D2D2; cursor:pointer; padding-top:3px;}
.flatButton             {border-left:1px solid white; border-top:1px solid white; margin-right:1px; cursor:pointer;}

/* drop down list - using Select */
.inputDDButton    {cursor:pointer; background-image: url('../images/buttons/inputDDButton.gif'); background-repeat: no-repeat;}
.bpDropDownButton {cursor:pointer; background-image: url('../images/buttons/dropDownButton.gif'); background-repeat: no-repeat;}
.bpDropDownMSButton {cursor:pointer; background-image: url('../images/buttons/dropDownMSButton.gif'); background-repeat: no-repeat; -ms-high-contrast-adjust: none;}

.bpDropDownText   {font-family:arial, sans-serif; font-size:11px; color:#474B4E; padding-left:5px; background-color:#FBFBFB; border:1px solid #D2D2D2;margin-left:0px;}
.bpDropDownTextReadOnly   {font-family:arial, sans-serif; font-size:11px; color:#474B4E; padding-left:5px; background-color:#FBFBFB; border:1px solid #D2D2D2;margin-left:0px;}
@media screen and (-ms-high-contrast: active) {
	.bpDropDownTextReadOnly {color:#000; border:1px dashed #000 }
}

.bpDropDownMSList {position:absolute; top:-1000px; left:-1000px; z-index:1; font:8pt verdana,sans-serif,monospace; color:#474B4E; background-color:#FBFBFB; border:1px solid #D2D2D2;}
.bpDropDownList {position:absolute; top:-1000px; left:-1000px; z-index:101; font:8pt verdana,sans-serif,monospace; color:#474B4E; background-color:#FBFBFB; border:1px solid #D2D2D2;}
.bpDropDownList508 {font:8pt verdana,sans-serif,monospace; color:#333333; background-color:#FBFBFB; border:1px solid #D2D2D2; vertical-align: middle;}
.bpDropDownListItem {padding:2px;}

/* drop down list  - no Select */
.dropDownTitle	{font-family:arial; font-size:10pt; color:#474B4E; vertical-align:bottom;}
.dropDownBorder	{font:11px verdana; background-color:#FBFBFB; margin-top:1px; margin-right:7px;
				 margin-bottom:1px; border:1px solid #D2D2D2; cursor:default;}
.dropDownBorder	{font:11px verdana; background-color:#FBFBFB; margin-top:1px; margin-right:7px;
				 margin-bottom:1px; border:1px solid #D2D2D2; cursor:default;}
.dropDown2		{background-color:#FBFBFB; border-top:1px solid white; border-right:1px solid #D2D2D2;
				 border-left:1px solid white; padding-left:1px;}
.dropDownText	   {height:13px; font:11px arial; color:#31415A; background-color:#FBFBFB; line-height:1;
					border:none; cursor:default;}
.dropDownTextHover  {height:13px; font:11px arial; color:#ffffff; background-color:#000084; line-height:1;
					 border:none; cursor:default;}
.dropDownButton	{border-top:1px solid white; border-left:1px solid white;
				 padding-top:1px; padding-right:3px; padding-left:2px;}
.dropDownOptionBorder	{background-color:#FBFBFB; border:1px solid #D2D2D2; overflow:auto; cursor:default;}
.dropDownOption			{font-family:verdana; font-size:11px; color:#313031; padding-right:2px; padding-left:2px;}
.dropDownOptionHover	{font-family:verdana; font-size:11px; color:#FFFFFF; background-color:#000084;
						 padding-right:2px; padding-left:2px;}

.dropDownBorderBlue	{font:11px verdana; background-color:#D6DFEF; margin-top:1px; margin-right:7px;
					 margin-bottom:1px; border:1px solid #738ABD; cursor:default;}
.dropDownBlue		{background-color:#D6DFEF; border-top:1px solid white; border-right:1px solid #738ABD;
					 border-left:1px solid white; padding-left:1px;}
.dropDownTextBlue	    {font:11px arial; color:#263363; background-color:#D6DFEF; border:none; cursor:default;}
.dropDownTextBlueHover  {font:11px arial; color:#ffffff; background-color:#000084; border:none; cursor:default;}

.dropDownBorderGrey	{font:11px verdana; background-color:#E7E7E7; margin-top:1px; margin-right:7px;
					 margin-bottom:1px; border:1px solid #7B797B; cursor:default;}
.dropDownGrey		{background-color:#E7E7E7; border-top:1px solid white; border-right:1px solid #7B797B;
					 border-left:1px solid white; padding-left:1px;}
.dropDownTextGrey	    {font:11px arial; color:#31415A; background-color:#E7E7E7; border:none; cursor:default;}
.dropDownTextGreyHover  {font:11px arial; color:#ffffff; background-color:#000084; border:none; cursor:default;}

/* Help pages */
.helpBody   {font:9pt verdana; background-color:#f6fbff;}
.helpContents  {margin:8px 1px 16px 35px; }

/* Progress Bar */
.progressBarWpr {border:1px solid #D2D2D2;background-color:#FBFBFB;display:inline-block;}
.progressBar {background-color:#0C99C9; display:inline-block;}

/* Toolbar */
.tbarLbl {font:11px arial; color:#333333;}

/* content title */
.ctCompLbl            {font-family:verdana; font-size:12px; color:#333333; padding-left:0px; padding-right:5px;}

/* INPUT */
.inputText            {font-family:arial; font-size:11px; color:#474B4E; padding-right:5px; padding-left:5px; border:1px solid #D8D8D8;background-color:#FBFBFB; margin-top:1px; height: 14px; margin-left:0px;}
.inputTextReadOnly    {font-family:arial; font-size:11px; color:#474B4E; padding-right:5px; padding-left:5px; border:1px solid #D9D9D9; background-color:#EBEAEA; margin-top:1px; height: 14px; margin-left:0px;}
.textArea             {font-family:arial; font-size:11px; color:#474B4E; padding-right:5px; padding-left:5px; border:1px solid #D2D2D2; resize: none; margin-top:1px; margin-left:0px;}
.textAreaReadOnly     {font-family:arial; font-size:11px; color:#333333; padding-right:5px; padding-left:5px; border:1px solid #D9D9D9; background-color:#EBEAEA;resize: none; margin-top:1px; margin-left:0px;}
.dropDown             {font-family:arial; font-size:11px; color:#474B4E; padding-left:5px; background-color:#FBFBFB; border:1px solid #D2D2D2; margin-top:1px; margin-left:0px;}

.alignFieldsLong .inputText {
	width: 550px;
}

.alignFieldsLong .inputTextReadOnly {
	width: 550px;
}

.alignFieldsLong .textArea {
	width: 550px;
}

.alignFieldsLong .textAreaReadOnly {
	width: 550px;
}

.alignFieldsLong .dropDown {
	width: 550px;
}

.alignFields .inputText {
	width: 300px;
}

.alignFields .inputTextReadOnly {
	width: 300px;
}

.alignFields .textArea {
	width: 300px;
}

.alignFields .textAreaReadOnly {
	width: 300px;
}

.alignFields .dropDown {
	width: 300px;
}


@media screen and (-ms-high-contrast: active) {
	.inputText { border-color: #000;}
	.inputTextReadOnly    {border-style:dashed;border-color: #000;}
	.buttonBlueDisabled {border:1px dashed #000;color:#000;}
	.bpDropDownList508[disabled] {border:1px dashed #000;color:#000;}
	input[type='checkbox'][disabled] {
		outline: 1px dashed #000;
	}
}


.hidden-label {position:absolute;left:0px;top:-100px;width:1px;height:1px;overflow:hidden;}

.horizontal_track {
	background-color: #FBFBFB;
	width: 125px;
	height: 4px;
	line-height: 0px;
	font-size: 0px;
	z-index: -2;
	text-align: left;
	padding: 4px;
	border: 1px solid;
	border-left-color: #D2D2D2;
	border-top-color: #D2D2D2;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
}
.horizontal_slider {
	background-color: #FBFBFB;
	width: 16px;
	height: 8px;
	position: relative;
	line-height: 0;
	margin: 0;
	border: 1px solid;
	border-left-color: #D2D2D2;
	border-top-color: #D2D2D2;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	cursor:pointer;
}
.horizontal_slit {
	background-color: #D2D2D2;
	width: 110px;
	height: 2px;
	margin: 4px 4px 2px 4px;
	line-height: 0;
	position: absolute;
	border: 1px solid;
	border-left-color: #D2D2D2;
	border-top-color: #D2D2D2;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
}

/**Button click Tooltip spans**/
.tooltipButton {cursor:pointer; vertical-align:text-top; padding-top:1px}
.tooltipCloseButton {cursor:pointer;BORDER:1px;MARGIN:0;}

#bubble_tooltip
{
	POSITION: absolute;
	DISPLAY: none;
	MARGIN: 0;
	PADDING: 0;
	WORD-WRAP: break-word; /* Internet Explorer 5.5+ */
    WHITE-SPACE: normal; /* Firefox */
}
#bubble_tooltip .bubble_top
{	

	MAX-WIDTH: 200px;
	BACKGROUND-COLOR: #E2F3FD;
	MARGIN: 2px;
	PADDING: 0;
	BORDER: 1px solid #0C99C9;
}
#bubble_tooltip .bubble_top SPAN
{
    POSITION: relative;
    FONT-FAMILY:arial;  
	color:#333333;
	VERTICAL-ALIGN:middle;
}
#bubble_tooltip .bubble_top .bubble_tooltip_text{
	FONT-SIZE: 11px;
	FONT-FAMILY:arial;  
	color:#333333;
	LINE-HEIGHT: 1.0;
	TEXT-ALIGN: left;
	MARGIN-LEFT: 2px;
	MARGIN-RIGHT: 2px;
	MARGIN-TOP:2px;
	MARGIN-BOTTOM:2px;
	PADDING:1px;
	BACKGROUND-COLOR: #E2F3FD;
}
#bubble_tooltip .bubble_bottom
{
    BACKGROUND-IMAGE: url(../images/downarrow.gif);
    POSITION: relative;
    BACKGROUND-REPEAT: no-repeat;
	HEIGHT:11px;
	TOP:-4px;
	RIGHT: -10px;
	PADDING:0;
	MARGIN:0;
}
.tooltipTable {
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	
}
.tooltipCell{
	border:0;
	margin:0;
	padding:0;
	font-family:arial; font-size:11px; color:#474B4E;
}
.vAlignMiddle {
	vertical-align: middle;
}

.fancyTooltip {
	position : absolute;
	display : inline-block;
	visibility : visible;
	background-color : #E2F3FD;
	border: 1px solid #0C99C9;
	padding : 1px 2px 2px 2px;
	font-family : arial;
	color: #474B4E;
	font-size: 11px;
	white-space : pre-wrap;
	/*show it off the screen first in order to get the width/height of the box
	and basing on that, determine the final location later.
	*/
	left: -1000px; 
	top: -1000px;
}

.timeEntry_control {
	margin-left: -2px;
	vertical-align: middle;
	background: url('../images/buttons/spinnerUpDown.gif') 0 0 no-repeat;
}

#contentTitle_act_comp_tbl_id TD {
	padding-right : 10px;
}

.timePicker_day_span {
	width: 50px;
	display: inline-block;
}


.vdropdown {
    position: relative;
    display: inline-block;
	white-space:nowrap;
}

.vdropdown .dropdown-button {
    background-color: #ffffff;
    color: #898c8f;
    cursor: pointer;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	
	text-transform: none;
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	transform: translate(0, 0)
}

.vdropdown .dropdown-button:hover {
	border: 1px solid #c4e7f3;
}

.vdropdown .dropdown-text {
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	text-align:left;
}

.vdropdown .dropdown-text .inner-text{
	font-family: arial unicode ms;
	font-size: 12px;
	color: #333;
	padding: 4px 0px 4px 8px;
	margin: 4px 0px 4px 0px;
}

.vdropdown .dropdown-text .arrow-container {
	padding: 0px 0px 0px 4px;
	margin: 4px 0px 0px 4px;
	right:0px;
	position:absolute;
	background-color:#FBFBFB; 
}

.vdropdown .dropdown-text .dropdown-arrow {
	margin: 7px 0px 0px 0px;
	background-repeat: no-repeat;
	width:14px;
	height:14px;
	-ms-high-contrast-adjust: none; 
	background-image: url('../images/buttons/newDropDownButton.png');
}


.vdropdown .dropdown-arrow:hover {
	margin: 7px 0px 0px 0px;
	background-repeat: no-repeat;
	width:14px;
	height:14px;
	-ms-high-contrast-adjust: none;
	background-image: url('../images/buttons/newDropDownButtonHover.png');
}

.vdropdown .dropdown-content {
	font:8pt verdana,sans-serif,monospace; 
	color:#474B4E; 
	background-color:#FBFBFB; 
	border:1px solid #D2D2D2;
    position: absolute;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: none;
	z-index: 1;
	margin: 0px;
	text-align:left;
}

.vdropdown .show 
{
	display:block;
}

.vdropdown .dropdown-content .item 
{
	border: 1px solid transparent;
	padding: 0px 8px 0px 8px;
	cursor: pointer;
}

.vdropdown .dropdown-content .selected {
	border: 1px solid #3399FF;
	color: #FFFFFF;
	background-color: #3399FF;
}

.vdropdown .dropdown-content .highlighted {
	border: 1px dashed #4f4f4f;
	background-color: #4f4f4f;
	color: #FFFFFF;
}

@media screen and (-ms-high-contrast: active) {
	.vdropdown .dropdown-content .selected {
		color: #000000;
		background-color: #FFFFFF;
	}
	
	.vdropdown .dropdown-content .highlighted {
		color: #FFFFFF;
		background-color: #000000;
	}
}

.vdropdown .hidden-live-region {
	position:absolute; 
	left:-100000px; 
	top: -100000px;
}

.ariaLabelTooltip{
	position:absolute;
	z-index:100000;
	display:inline-block;
	visibility:visible;
	background-color:#E2F3FD;
	border:1px solid #0C99C9;
	padding:1px 2px 2px 2px;
	font-family:arial;
	color:#474B4E;
	font-size:11px;
	white-space:nowrap;
}

*:focus {
	outline: none;
}
.show-focus-indicator a[href]:not([tabindex='-1']):focus,
.show-focus-indicator area[href]:not([tabindex='-1']):focus,
.show-focus-indicator input:not([disabled]):not([tabindex='-1']):focus,
.show-focus-indicator select:not([disabled]):not([tabindex='-1']):focus,
.show-focus-indicator textarea:not([disabled]):not([tabindex='-1']):focus,
.show-focus-indicator button:not([disabled]):not([tabindex='-1']):focus,
.show-focus-indicator button.action-btn[data-tabindex-value='1']:not([disabled]):focus,
.show-focus-indicator iframe:not([tabindex='-1']):focus,
.show-focus-indicator [tabindex]:not([tabindex='-1']):not(div[id^='NotificationActionPC'] .create-filter-btn):focus,
.show-focus-indicator [contentEditable=true]:not([tabindex='-1']):focus,
.show-focus-indicator .focusable:focus,
.show-focus-indicator *[role=region]:focus {
	outline: solid 2px #3395ff;
	border-color: transparent;
}
.show-activitie-outline:focus {
   position: relative;
}
#workpaneListWrapper.tabbable {
	position: relative;
	margin: 2px;
}
#timeOffCalendarPC_wrapper_reg_id.tabbable {
	position: relative;
	margin: 2px;
}
input[type=text]::-ms-clear { display: none; }

#DELETE_CONFIRM_DIALOG_ACTION_menuFooter_tbl_id {
        margin-left : auto;
        margin-right : auto;
}

#CONFIG_DISTRIBUTE_STATUS_DIV img {
    height: 15px;
}


/**jquery ui css for auto complete component**/
@import url("jquery-ui-1.8.9.custom.css");



@media print {
   html, body {
	width: 100% !important;
	height: 100% !important;		  
	overflow: visible !important;	
   }
   
   div, span {
	height: 100%;
	width: 100%;
	overflow: visible !important;
   }   
   
   #workToolbarWrapper {
     display: none !important;
   }

   .no-print, .no-print * {
    display: none !important;
  }
}
input[type="text"]:disabled{
	color: #a9a9a9;
}


/*JT SIMULATE AppShell Toolbar in dialogs (specifically Help popups in this case) See navStyle.css */

#helpUtilityPane{
	height: 36px !important;
}

TABLE.utilityContainer {
	height: 36px !important;
	background: #dadada !important;
	border:none !important;
}

TABLE.utilityContainer #BPLOGO_id {
	background: url(../images/navAppShell/header_bg_blue.png) !important;
	repeat-x left top;
	height: 36px !important;
	width: 250px !important;
	padding: 0px 34px 0px 16px !important;
	border-right:3px solid #ffffff !important;
}


TABLE.utilityContainer TD.utilityImageButton {
	background-color: transparent;
	font-family: arial;
	font-size: 12px;/*JT*/
	border:none;
	color: black;
	
}

BUTTON.utilityImage {
	background-color: transparent  !important;
	font-family: arial !important;
	font-size: 12px !important;
	color: #363b3f !important;
	font-weight: bold !important;
	
	padding: 3px 3px 3px 3px !important;
	border-top: 0px solid #ffffff !important;
	border-right: 0px solid #818181 !important;
	border-bottom: 0px solid #DEE3E7 !important;
	border-left: 0px solid #ffffff !important;
	cursor: pointer;
	margin: 0px 4px 0px 4px !important;
	
}




TABLE.utilityContainer Button.utilityImageBlueToolbar{
	background-color: transparent;
	font-family: arial !important;
	font-size: 12px !important;
	color: #363b3f !important;
	font-weight: bold !important;
	
	margin: 0px;
	padding: 3px 3px 3px 3px;
	border: 0px solid #818181;
	cursor: pointer;
	margin: 0px 4px 0px 4px !important;
}



TABLE.utilityContainer TD.dividerSpacer {
	width: 1px !important;
  	height: 18px !important;
  	background-image: none !important;
  	background-color: #C0C0C6 !important;
  	
	
}



TABLE.utilityContainer BUTTON.utilityImageWhatIfLbl{
	height: 18px !important;
	width: 100% !important;
	background: #dadada !important;
	color: #FFD43E !important;
	padding: 0px 4px 0px 4px !important;
	margin: 0px 0px 0px 8px !important;

	background-color: gray !important;
	font-family: arial !important;
	font-size: 8pt !important;
	
	font-weight: bold !important;
	
	border: 0px solid #818181 !important;
	cursor: pointer;
	
}


BUTTON.utilityImageWhatIf {
	background-image: none !important;
	background-color: transparent  !important;
	font-family: arial !important;
	font-size: 12px !important;
	color: #363b3f !important;
	font-weight: bold !important;
	
	padding: 3px 3px 3px 3px !important;
	border-top: 0px solid #ffffff !important;
	border-right: 0px solid #818181 !important;
	border-bottom: 0px solid #DEE3E7 !important;
	border-left: 0px solid #ffffff !important;
	cursor: pointer;
	margin: 0px 4px 0px 4px !important;
}

TABLE.utilityContainer TD.spacerWrapper {
	background: #dadada !important;
	height: 32px !important;
	width: 100% !important;
	margin: 0px 2px 0px 2px;
}

.vctPatternDivCls input {
	margin-right: 0px;
	margin-left: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: #0c99c9 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #0c99c9;
    -webkit-background-clip: padding-box;
}

::-webkit-scrollbar {
    /* set the width of the scroll bar */
    width: 7px !important;
}

::-webkit-scrollbar-track-piece {
    /* set the style/colour of the scroll bar background */
    background-color: #bfbfbf !important;
    -webkit-border-radius: 4px;
}

* {
    /* scrollbar ie styles*/
    scrollbar-face-color: #0c99c9;
    scrollbar-arrow-color: #fff;
    scrollbar-track-color: #bfbfbf;
    scrollbar-shadow-color: #0c99c9;
    scrollbar-highlight-color: #0c99c9;
    scrollbar-3dlight-color: #bfbfbf;
    scrollbar-darkshadow-Color: #bfbfbf;
}

.multicollistpc .multicollistpc.border {
    border:1px solid #D2D2D2;
}
.multiSelectCurrentPos {
    background-color:LightGrey;
}

.highlightedDivRegion {
	display: inline-block;
	margin: 2px;
}

.overflowDivRegion {
	overflow-x: auto;
}

.tableRow508Highlight {
	padding : 2px;
}

.mobileAlertSubjectRight {
	padding-bottom: 20px;
}

#workToolbarWrapper.legacy-aria {
	margin: 2px;
}

fieldset#workToolbarWrapper,
fieldset#contentTitleDiv,
fieldset.collapsiblecontainerpc {
	border: none;
	margin: 0;
	padding: 0;
}

tr.focusedRow {
	outline: solid 2px #0596c7!important;
}

tr.focusedRow a.focusableNode{
	outline: 0px !important;
	box-shadow: none !important;
}

tr[focusedRow="true"] {
	outline: solid 2px #0596c7!important;
}

tr[focusedRow="true"] a.focusableNode {
	outline: 0px !important;
	box-shadow: none !important;
}

tr[focusedRow="true"] .tblRowSelect {
  border: none;
}

.notificationSectionContainer {
 	background-repeat:repeat-x;
 	width: 100%;
	height: 358px;
	min-width: 650px;
	position: relative;
	text-align: center;
	line-height: 300px;
}

.notificationContents {
	display:inline-block;
	position: relative;
	text-align: left;
	z-index:1; /* Required for IE8 on W7 */
	vertical-align: middle;
	line-height: normal;
}

.autoheight {
    height: auto !important;
}

/* Two step login */

.loginContentsTwoStep {
	display:inline-block;
	position: relative;
	text-align: left;
	margin-top: 20px;
	z-index:1; /* Required for IE8 on W7 */
}
.loginContentsTwoStep a {
	text-decoration: underline;
}

.loginTitleTwoStep {
  width: 300px;
  height: 20px;
  font-family: Arial;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  color: #333333;
}

.loginAppInfo {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25.9%;
	background-color: rgba(255,255,255,0.4);
}



.loginFormContainerInnerDiv {
	margin: 59.5px 80px 40px 80px
}

.productLogoDiv {
	text-align: center;
}

.Workforce-Optimization {
	padding-top: 17px;
	width: 100%;
	height: 4.8%;
	font-family: AvenirLT-Roman !important;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.3px;
	text-align: center;
	color: #333333;
	margin: 0 auto;
}

.loginCredentialsContainer {
	margin-top: 20px;
	position: relative;
	display: inline-block;
	text-align: left;
}

.loginInputBox {
	border:0;
	width: 300px;
	height: 24px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.2px;
	color: #bbbbbb;
}

.loginHorizonalLine {
    width: 300px;
    border: solid 1px #999999;
		left: 0px;
		margin-right:5px;
}

.loginUserNameText {
    width: 300px;
    height: 16px;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #333333;
}

.loginChangeUserText {
    color: #007aff;
    text-decoration: none !important;
}

.passwordField {
	padding-top: 50px;
}

.trustedCheckboxLabel {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: 0.2px;
    color: #333333;
}

.loginButton {
    height: 40px;
    width: 100%;
    background-color: #0075e4;
}

.loginButton:hover {
    background-color: #0062bf;
}

.loginButton:active {
    background-color: #00498f;
}

.loginButtonLabel {
    height: 16px;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
}

.loginRegisterPwdResetLabel {
    width: 300px;
    height: 18px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: 0.2px;
    text-align: center;
    color: #0075e4;
}

.noUnderlineLink {
	text-decoration: none !important;
}

.noUnderlineLink:active {
	color: #0958c3;
	text-decoration: underline !important;
}

.productCopyrightContainer {
	float: left;
	margin-left: 2%;
	margin-top: 30px;
}

.appInfoTwoStepContainer {
	width: 60%;
	text-align: left;
	font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;  
    letter-spacing: 0.2px;
    color: #333333 !important;
}

.appInfoTwoStepContainer .dropdown-content {
	max-height: 120px;
}

.appInfoTwoStepContainer .dropdown-content::-webkit-scrollbar-thumb {
	background-color: #007AFF !important;
	-webkit-border-radius: 4px;
	border: 1px solid #007AFF;
	-webkit-background-clip: padding-box;
}

.appInfoProdInfoTwoStep {
	text-align: left;
	font-size: 13px;
	line-height: 1.77;
}

.productLanguageAndLegalContainer {
	float: right;
	margin-right: 1%;
	margin-top: 30px;
}

.loginLanguageAndLegalTableTwoStep {
	font-size: 12px;
	line-height: 1.17;
}

.appLegalInfoTwoStepContainer {
	text-align: left;
	font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;  
    letter-spacing: 0.2px;
    color: #333333 !important;
}

.appInfoLegalNoticeTwoStep  {
	border-right: 1px solid #333333;
	padding: 5px 1em 5px 0px;
	display: inline-block;
	margin-right: 1em;
}



/*login*/

  .login .Workforce-Optimization {
    padding-top: 40px;
    font-family: Arial !important;
  }
  
  .login .loginContentsTwoStep{
    position: absolute;
    top: 215px;
    max-width: 300px;
  }
  
  .login .loginFormContainer{
      overflow-y: auto;
      width: 460px;
      height: 560px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color:#ffffff;
      z-index: 1;
  }
  
  .login .loginInputBox{
    height: 24px;
		color: #333;
		padding-left: 5px;
  }
  
  .login .loginInputTextWrapper ::placeholder{
    color: #666;
  }
  
  .login .passwordField{
    margin-top: 35px;
    padding-top: 0px;
  }
  
  .login .loginButtonContainer{
    position: absolute;
    top: 210px;
  }
  
  .login .loginRegistrationPwdResetContainerTwoStep{
    padding:0;
  }
  
  .login .loginRegistrationPwdResetContainerTwoStep{
    position: absolute;
    top: 270px;
  }
  
  .login .loginButton{
    cursor: pointer;
    width: 300px;
    text-align: center;
  }
  
  .login .loginButtonLabel{
    position: relative;
    margin: auto;
      top: 10px;
  }
  
  .login .loginCredentialsContainer{
    margin-top: 15px;
  }
  
  .login .loginChangeUserText{
    position: relative;
    top: 2px;
  }
  
  .login .loginInputTextWrapper label{
	max-width: 170px;
	width: auto;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .login .loginAppInfo{
    height: 200px;
    min-width: 1024px;
  }
  
  .login .productLanguageAndLegalContainer{
    margin-top: 24px;
  }
  
  .loginLanguageAndLegalTableTwoStep{
      max-width:330px;
  }
  
  .inline-block.appInfoTwoStepContainer{
    white-space: nowrap;
  }
  
  .appInfoTwoStepContainer {
    width: 70%;
  }
  
  @media (max-width: 1440px) {
    .productCopyrightContainer {
      max-width: 326px;
    }
  }
  
  @media (max-width: 1240px) {
    .appLegalInfoTwoStepContainer {
      max-width: 206px;
    }
  }
  
  .login .productCopyrightContainer{
      min-width: 230px;
  }
  
  @media (max-width: 1200px) {
    .appInfoTwoStepContainer {
      white-space: initial !important;
    }
  
    .productLanguageAndLegalContainer{
        margin-right: 0;
    }
  }
  
  .loginFormContainer input[type=checkbox] {
    position: relative;
    cursor: pointer;
  }
  .loginFormContainer input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    border: 1px solid #999;
    border-radius: 2px;
    background-color: white;
  }
  .loginFormContainer input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 6.8px;
    border: solid #007aff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 1px;
    left: 5px;
  }
  
  .trustedCheckboxLabel{
    position:relative;
    top:3px;
    left: 7px;
  }
  
  .loginTrustedContainer{
      position: relative;
      top:60px
  }

.notificationSectionContainerTwoStep {
	width: 460px;
    height: 540px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.notificationContentsTwoStep {
	display:inline-block;
	position: relative;
	text-align: left;
	z-index:1; /* Required for IE8 on W7 */
	vertical-align: middle;
	line-height: normal;
	margin-top: 220px;
}

.notificationMessageTwoStep {
  width: 300px;
  height: 54px;
  font-family: Arial;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: center;
  color: #333333;
}

.notificationLinkTwoStep {
  width: 300px;
  height: 18px;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.2px;
  text-align: center;
  color: #007aff;
  margin-top: 27px;
}

.loginLanguageAndLegalTableTwoStep .dropdown-text .inner-text{
	font-family: arial;
} 

.login .loginInfoMessage{
	margin-top: 13px;
	padding-right:3px;
}

.login .loginWarningMessage{
	margin-top: 13px;
	padding-right:3px;
}

.login .loginErrorMessage{
	position:relative;
	bottom:13px;
	margin-top: 13px;
	padding-right:3px;
}

.login .loginErrorMessage .tabbable{
	max-height: 27px;
    	overflow-y: auto;
}

.login .loginWarningMessage .tabbable{
        max-height: 52px;
        overflow-y: auto;
        padding-right: 2px;
        padding-left: 6px;
}

.login .loginWarningMessage .tabbable::-webkit-scrollbar-thumb{
        background-color: #007AFF !important;
        -webkit-border-radius: 4px;
        border: 1px solid #007AFF;
        -webkit-background-clip: padding-box;
}


.login .loginInfoMessage .pageMessageArea,
.login .loginWarningMessage .pageMessageArea,
.login .loginErrorMessage .pageMessageArea{
	width: 100% !important;
}

.login .loginInfoMessage .messageWithImage,
.login .loginWarningMessage .messageWithImage,
.login .loginErrorMessage .messageWithImage {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.27;
	letter-spacing: 0.2px;
	color: #333333;
	padding: 10px;
	padding-left: 2.5em;
	border-radius: 3px;
	background-color: #F6F6F6;
}

.login .loginErrorMessage .stdError{
	border-color: red;
	margin: 0;
}

.login .loginErrorMessage .stdError .messageImage{
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top:5px;
	margin-left:5px;
}

.login .loginWarningMessage .stdWarning{
	border-color: #FF9933;
	margin:0;
}

.login .loginWarningMessage .stdWarning .messageImage{
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top:5px;
	margin-left:5px;
}

.login .loginInfoMessage .stdInfo{
	border-color: #007aff;
    margin:0;
    padding-right: 5px;
}

.login .loginInfoMessage .tabbable{
    max-height: 60px;
    overflow-y: auto;
    padding-right: 2px;
    padding-left: 6px;
}

.login .loginInfoMessage .stdInfo .messageImage{
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top:5px;
	margin-left:5px;
}

.login .tabbable::-webkit-scrollbar-thumb {
	background-color: #007AFF !important;
	-webkit-border-radius: 4px;
	border: 1px solid #007AFF;
	-webkit-background-clip: padding-box;
}

.login .loginButtonDisabled{
	background-color: #eee;
}

.login .loginButtonDisabled .loginButtonLabel{
	color: #bbb;
}

.loginContentsTwoStep .loginInputText{
  box-sizing: content-box;
}

.loginContentsTwoStep .loginTrustedContainer{
      position: relative;
      top: 73px;
  }

.appLegalInfoTwoStepContainer .appInfoLink{
	text-decoration:underline;
}
.appLegalInfoTwoStepContainer .appInfoLink:hover{
	color: #007AFF;
}
.appLegalInfoTwoStepContainer .appInfoLink:active{
	color: #0958c3 !important;
}

.disabledField label,
.disabledField td {
	color: rgb(170, 170, 170);
}

span.scheduleRecurrence {
	width: 100px;
	display: inline-block;
	text-overflow: ellipsis;
}

.checkBoxListStart {
	padding-top: 4px;
}

.radioButtonGroupEnd {
	padding-bottom: 3px;
}

.radioButtonGroupEnd {
	padding-bottom: 3px;
}

.toolTipContainer .passwordCriteriaTooltip {
	width: 300px;
	text-align: center;
	visibility: hidden;
	position: absolute;
	z-index: 1;
	left: 105%;
	top: 45px;
}

.toolTipContainer:hover .passwordCriteriaTooltip {
	visibility: visible;
}

#adminFormCollapsibleContainer_wrapper_tbl_id input.inputTextReadOnly {
	width: 17em;
}

#adminFormCollapsibleContainer_wrapper_tbl_id .pickerWrp input {
	width: 7.35em;
}

.legacy.x-form-dirty.x-field-focus input{
	border:2px solid #3395ff !important;
	border-radius: 0;
}

#oRightPane,
#oLeftPane {
	outline-offset: -2px;
}

#selectionHdr_tbl_id .tableHeaderLightLeft {
	outline-offset: -2px;
}

#workPaneWrapper .search_content {
	overflow-x: auto;
}

label.messageBoxWrapper{
	cursor: default;
	display: inline-block;
}

.messageWithImage .messageBoxWrapper
{
	padding-left: 11px;
}


.login .loginInfoMessage .messageBoxWrapper{
	max-height: 60px;
	overflow-y: auto;
	padding-right: 2px;
	padding-left: 6px;
}

.login .messageBoxWrapper::-webkit-scrollbar-thumb {
	background-color: #007AFF !important;
	-webkit-border-radius: 4px;
	border: 1px solid #007AFF;
	-webkit-background-clip: padding-box;
}


.login .loginErrorMessage .messageBoxWrapper{
	max-height: 27px;
	overflow-y: auto;
}

.login .loginWarningMessage .messageBoxWrapper{
	max-height: 52px;
	overflow-y: auto;
	padding-right: 2px;
	padding-left: 6px;
}

.login .loginWarningMessage .messageBoxWrapper::-webkit-scrollbar-thumb{
	background-color: #007AFF !important;
	-webkit-border-radius: 4px;
	border: 1px solid #007AFF;
	-webkit-background-clip: padding-box;
}

.disabledCheckboxWrapper {
	height: 18px;
	display: inline-block;
}
.disabledLabelledCheckboxWrapper {
	height: 18px;
	display: inline-block;
	padding-right: 3px;
}

label.dropdownCalendarHeaderYear {
	margin-left: 5px;
	margin-right: 5px;
    vertical-align: middle;
}
label.dropdownCalendarHeaderMonth {
    vertical-align: middle;
}

.tenantPrivilegesAuditDetails li {
    list-style-type: disc;
}