/******************* JDA Styles *******************/
/* 
      The type of object the class applies to only needs to be specified
            if there is more than one class with the same name ( ie
            DIV.Legal and TD.Legal
*/
/* The JDA styles should be in alphabetical order by class name */


.TEST .PrimaryGradient {
   background: linear-gradient(180deg, rgba(249,193,142,1) 0%, rgba(255,174,100,1) 74%);
   color: black !important;
}
   .TEST th {
      background: linear-gradient(180deg, rgba(249,193,142,1) 0%, rgba(255,174,100,1) 74%);
      color: black!important;
   }

   .TEST .PrimaryGradient a {
      color: black !important;
   }

   .TEST .PrimaryGradient h3{
      color: black !important;
   }

.PRODUCTION .PrimaryGradient {
   background: linear-gradient(180deg, rgba(111,157,201,1) 0%, rgba(45,121,192,1) 74%);
   color: white!important;
}
   .PRODUCTION th {
      background: linear-gradient(180deg, rgba(111,157,201,1) 0%, rgba(45,121,192,1) 74%);
      color: white !important;
   }

   .PRODUCTION .PrimaryGradient a {
      color: white !important;
   }

   .PRODUCTION .PrimaryGradient h3 {
      color: white !important;
   }

.TRAININGPRODUCTION .PrimaryGradient {
   background: linear-gradient(180deg, rgba(111,157,201,1) 0%, rgba(45,121,192,1) 74%);
   color: white !important;
}

.TRAININGPRODUCTION th {
   background: linear-gradient(180deg, rgba(111,157,201,1) 0%, rgba(45,121,192,1) 74%);
   color: white !important;
}

.TRAININGPRODUCTION .PrimaryGradient a {
   color: white !important;
}

.TRAININGPRODUCTION .PrimaryGradient h3 {
   color: white !important;
}

.DEMO .PrimaryGradient {
   background: linear-gradient(180deg, rgba(111,157,201,1) 0%, rgba(45,121,192,1) 74%);
   color: white !important;
}
   .DEMO th {
      background: linear-gradient(180deg, rgba(111,157,201,1) 0%, rgba(45,121,192,1) 74%);
      color: white !important;
   }
   .DEMO .PrimaryGradient a {
      color: white !important;
   }

   .DEMO .PrimaryGradient h3 {
      color: white !important;
   }

.DarkBlueGradient {
   background: linear-gradient(180deg, rgba(23,49,82,1) 0%, rgba(4,27,55,1) 74%);
}
.GrayGradient {
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
}
.DarkGrayGradient {
   background: linear-gradient(180deg, rgba(236,242,242,1) -11%, rgba(202,204,204,1) 74%);
}

.LightBlueGradient {
   background: linear-gradient(180deg, rgba(125,242,249,1) 0%, rgba(0,212,255,1) 74%);
}
.LightGreenGradient {
   background: linear-gradient(180deg, rgba(220,242,223,1) 0%, rgba(206,255,206,1) 74%);
}

.Parathon-ChildContainer {
   width: 95%;
   align-self: center;
   padding: 0 0px 0px 0px;
   margin-bottom: 35px;
}
.Parathon-ControlContainer {
   display: flex;
   flex-direction: row;
   align-items: center;
   align-content:center;
   padding: 3px 0px 3px 0px;
   margin-bottom: 8px;
   align-self: center;
   width: 95%;
   min-height: 30px;
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd))!important;
   border:1px solid black;
}
   .Parathon-ControlContainer > div {
      padding-left: 6px;
      display:flex;
      flex-direction:row;
      align-items:center;
   }
      .Parathon-ControlContainer > div > span {
         padding-right: 3px;
         padding-left: 3px;
         font-weight: bold;
         margin-top: -3px;
      }
   .Parathon-ControlContainer:empty{
      display:none;
   }

.ReducedBottomMargin{
   margin-bottom:6px!important;
}
.NoBottomMargin {
   margin-bottom: 0px !important;
}

.Parathon-FlexContainer {
   justify-content: center;
   display: flex;
   flex-direction: column;
}

.Parathon-FlexRow {
   display: flex;
   flex-direction: row;
   padding:3px 6px 3px 6px;
}
   .Parathon-FlexRow > div {
      padding-right: 6px;
   }
      .Parathon-FlexRow > div > span {
         padding-right: 3px;
         margin-top: -3px;
         /*padding-left: 3px;*/
      }
   .Parathon-FlexRow > div > span > label {
      padding-right: 3px;
      /*padding-left: 3px;*/
   }
   .Parathon-FlexRow:empty{
      display:none;
   }

.Parathon-FlexCell {
   padding-left: 10px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.FlexGrow{
   flex-grow:1;
}
.FlexRight{
   margin-right:auto;
   text-align:right;
   justify-content:right;
   padding-right:6px;
}

.SmallFont{
   font-size:8px;
}
   .SmallFont a {
      font-size: 8pt;
   }

   .SmallFont span {
      font-size: 8pt;
   }

.FlexRow-Center{
   display:flex;
   flex-direction:row;
   align-content:center;
   justify-content:center;
   align-items:center;
}

.FlexRow-Left {
   display: flex;
   flex-direction: row;
   align-content: flex-start;
   justify-content: left;
   align-items: flex-start;
   padding-left:12px;
}

.JdaButtonBar {
   display: flex;
   flex-direction: row;
   justify-content: center;
   width: 100%;
   margin: auto;
   z-index: 999;
   position: fixed;
   bottom: 0;
   left: 0;
   border: 1px solid black;
}

.JdaButtonContainer {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 5px 10px 5px 10px;
   margin-top: 5px;
   margin-bottom: 5px;
   align-self: center;
   border: 1px solid black;
}

.TreeViewWithEpic{
   display:flex;
   flex-direction:column;
   padding-right:10px;
}
   .TreeViewWithEpic table:first-child{
      margin-left:0px;
   }

   .TreeViewWithEpic div {
      display:flex;
      flex-direction:column;
      align-items:flex-start;
   }

   .TreeViewWithEpic div table {
      margin-left:0;
   }

   /*.TreeViewWithEpic table td{
      text-align:left;
      width:10px;
   }*/


.FilterTableStyle{
   width:100%;
}

   .FilterTableStyle tr:last-child {
      /*vertical-align: top;*/
   }
   .FilterTableStyle table{
      width:100%;
   }

.AjaxTabContainer {
}
.AjaxTabPanel {
   align-self: center;
   width:98%;
}

.AjaxTabPanel-ChildContainer {
   align-self: center;
   padding: 0 0px 35px 0px;
}


.ParathonGray {
   background-color: #F1F1F1;
}
.ParathonWhite {
   background-color: white;
}
.ParathonTest {
   background-color: /*#FFAE64*/ /*#E4F1FF*/ #2D79C2;
}


BODY, TABLE, TD, TH, INPUT, TEXTAREA, SELECT {
   font-size: /*12pt;*/ 10pt;
   font-weight: 500;
   line-height: normal;
   /*font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;*/
   font-family: Tahoma;
   letter-spacing: .2px;
}

TABLE {
    margin-left: auto;
    margin-right: auto;
}


html {
    height: 100%;
    margin:0;
    /*padding: 0;
    border: none;
    border-collapse: collapse;*/
}

BODY {
   height: 100vh;
   /*overflow: hidden;*/
   max-height: 100%;
   top: 0;
   margin: 0;
   padding: 0;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}
form{
    height:100%;
    margin:0;
}

    /*BODY.PRODUCTION {
        background-color: #205e90;
        color: Black;
    }

    BODY.TEST {
        background-color: #5e0606;
        color: Black;
    }

    BODY.MODEL {
        background-color: #999999;
        color: Black;
    }

    BODY.TESTMODEL {
        background-color: #999999;
        color: Black;
    }

    BODY.DEMO {
        background-color: #003d5e;
        color: Black;
    }

    BODY.DEMOMODEL {
        background-color: #003d5e;
        color: Black;
    }

    BODY.UAT {
        background-color: #993366;
        color: Black;
    }

    BODY.TRAININGPRODUCTION {
        background-color: #5B8A8A;
        color: Black;
    }*/
    

.ui-dialog{
	background-color:blue;
	border-radius:0px;
	position:fixed;
}
.ui-widget-header {
}
.ui-dialog-titlebar {
}
.ui-dialog-content{
}
.ui-widget-content{
	background:white;
	padding:0px;
	border:1px solid black;
}
.ui-draggable {
}
.ui-dialog .ui-dialog-title {
	color:white;
}
.ui-widget-header {
	border-radius: 0;
	background: #205E8F;
}
.ui-dialog .ui-dialog-content{
	padding:0px;
}




PRE {
    background: lightgray;
    color: RGB(00, 102, 153);
    font-weight: normal;
}

H1 {
    background-color: #eeeeee;
    color: BLACk;
    height: 25pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0px;
    padding-top: 3pt;
    text-align: center;
}

H2 {
    color: BLACK;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt;
}

H3 {
    color: black;
    font-weight: bolder;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt;
    font-size: 15px;
}

H4 {
    color: BLACK;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt;
    /*font-size: 14pt; Added*/
}

TH {
   font-weight: bold;
   letter-spacing: .1px;
   /*text-align: center;*/
}

A {
    color: #003399;
}

    A:visited {
        color: #003399;
    }

    A:hover {
        color: BLACK;
        text-decoration: none;
    }

HR {
    /*color: RGB(00, 102, 153); */
    Height: 1;
}

UL {
    MARGIN-BOTTOM: 0pt;
    MARGIN-TOP: 3pt;
    PADDING-BOTTOM: 0pt;
    PADDING-TOP: 0pt;
}

.pagemenu {
    font-weight: bold;
    background-color: #EEEEEE;
    color: #666666;
    border: solid 1px #CBCED4;
    padding: 2px;
    font-size: 10pt;
}

.cswmButtons TABLE {
    margin-left: 0px;
    margin-right: 0px;
}

.cswmPopupBox TABLE {
    margin-left: 0px;
    margin-right: 0px;
}

.cswmInnerBorder TABLE {
    margin-left: 0px;
    margin-right: 0px;
}

.popupbody {
    background-color: #C0C0C0;
}

.helpbody {
    background-color: #ffffff;
}

.smallbody {
    font-size: 10pt;
    color: Black;
    font-weight: bold;
}

.smallbodyAlternate {
    font-size: 10pt;
    color: Maroon;
}

.sortPanel {
    float: left;
    padding-left: 5px;
}

.SortViewBody {
    background-color: #006699;
    width: 100%;
    height: 100%;
    border: none;
}

/* Block backgrounds for headers etc. */
.menuband, .blockheader {
    color: #fff8dc;
    background-color: #003399;
}
/* Alternate background color Color to offset the background
   used for the category list and banner strips for color
   variety. Should be a companion color to the block background
   colors (previous tag
*/
.alternatebackground {
    color: White;
    background-color: #0066cc;
}

/* used for any block tags like headers on tables etc. */
.blockheader {
}

/* used for the Master Page's Content blocks */
.Content {
}

/******************* JDA Styles *******************/
/* 
	The type of object the class applies to only needs to be specified
		if there is more than one class with the same name ( ie
		DIV.Legal and TD.Legal
*/
/* The JDA styles should be in alphabetical order by class name */

.BelowAvgInd {
    background-color: #FF9933;
    color: Black;
}

.BreadCrumb {
    font-size: 8pt;
    text-align: left;
}

.Button {
   margin: 1px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   border-radius: 3px;
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
   border-top-color: #cccccc;
   border-left-color: #cccccc;
   /*background-image: url(Images/buttonbg.jpg);*/
   background-repeat: repeat-x;
   font-size: /*11pt;*/ 7pt;
   font-weight: bold;
   overflow: visible;
   /*---------------------------------*/
   color: #333333;
   /*color: #555;*/
   background-color: #dbdbdb;
   /*background-color: #ddd;*/
   background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
   background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
   background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
   background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
}

   .Button:hover {
      background-color: #eee;
      color: #555;
   }

   .Button:active {
      background: #e9e9e9;
      position: relative;
      top: 1px;
      text-shadow: none;
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
   }

.Description {
    text-align: center;
    font-size: 90%;
    text-decoration: none;
    font-weight: bold;
    /*
	background-color: RGB(204, 204, 204);
	border-color: RGB(204, 204, 204);
	border-style: outset;
	color: Black;
*/
}

.DescriptionRight {
    text-align: right;
    font-size: 90%;
    text-decoration: none;
    font-weight: bold;
    /*
	background-color: RGB(204, 204, 204);
	border-color: RGB(204, 204, 204);
	border-style: outset;
	color: Black;
*/
}

.EmptyDataSet {
    color: Silver;
    font-size: 11pt;
    font-weight: normal;
    border: dimgray 1pt thin;
    text-align: center;
    margin: 5px;
}

.ErrorMessage {
    font-weight: bold;
    color: Maroon;
    font-size: normal;
}

.Footer {
    text-align: center;
    vertical-align: top;
    font-size: 90%;
    font-weight: normal;
}

.FooterLeft {
    text-align: left;
    vertical-align: top;
    font-size: 90%;
    font-weight: normal;
}

.FooterRight {
    text-align: right;
    vertical-align: top;
    font-size: 90%;
    font-weight: normal;
}

.FormatTip {
    color: Red;
}

.BoldBottomBorder {
    border-bottom-style: solid;
    border-bottom-color: Black;
    border-bottom-width: 5px;
}

.GridLeft {

    text-align: left;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    border-top: 2px solid black;
    border-collapse: collapse;
    background-color: #DFE3E3;
}

    .GridLeft TD {
        color: Black;
    }

    /* Format all links inside a grid */
    .GridLeft a {
        width: 100%;
        height: 100%;
    }

.Grid {
    background-color: white;
    border-color: RGB(153, 153, 153);
    border-style: solid;
    border-width: 1px;
    color: Black;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
}

    .Grid TD {
        color: Black;
    }

    /* Format all links inside a grid */
    .Grid a {
        width: 100%;
        height: 100%;
    }

.GridFooter TD {
    background-color: RGB(204, 204, 204);
    border-color: RGB(204, 204, 204);
    border-style: outset;
    color: Black;
    font-weight: bold;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}
/*
.GridHeader A, A:visited
{
	background-color: RGB(00, 102, 153);
	border-color: RGB(204, 204, 204);
	color: White;
	font-weight: bold;
	margin: 2px;
	padding: 2px;
	text-align: center;
	vertical-align: top;
}
*/
.GridHeader TD {
    background-color: RGB(00, 102, 153);
    border-color: RGB(204, 204, 204);
    border-style: outset;
    color: White;
    font-weight: bold;
    margin: 2px;
    padding: 2px;
    text-align: center;
    vertical-align: top;
}

TD.GridHeader {
    background-color: RGB(00, 102, 153);
    border-color: RGB(204, 204, 204);
    color: White;
    font-weight: bold;
    margin: 2px;
    padding: 2px;
    text-align: center;
    vertical-align: top;
}

.GridHeaderLocked {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    overflow: hidden;
    font-size: /*14pt;*/ 10pt;
    height: 20px;
    margin-left: -5px;
    margin-right: auto;
}

.GridHeaderLockedNoPadding {
    position: relative;
    /*padding-right: 5px;*/
    padding-left: 5px;
    overflow: hidden;
    font-size: /*14pt;*/ 10pt;
    height: 23px;
    margin-left: 0px;
    margin-right: auto;
}

.GridHeaderLocked TH {
    font-weight: bold;
    background-color: #006699;
    color: white;
    white-space: nowrap;
}

.GridItemAlternate TD {
    background-color: White;
    border-color: RGB(204, 204, 204);
    border-style: outset;
    color: Black;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

.GridItemEdit TD {
    background-color: White;
    border-color: RGB(204, 204, 204);
    border-style: outset;
    color: Black;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

.GridItemNormal TD {
    background-color: White;
    border-color: RGB(204, 204, 204);
    border-style: outset;
    color: Black;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

.GridItemNormalScrollbar {
    padding-right: 17px;
    padding-left: 5px;
}

.GridItemSelected TD {
    background-color: White;
    border-color: RGB(204, 204, 204);
    border-style: outset;
    color: Black;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

.GridPager TD {
    color: Black;
    text-align: center;
    vertical-align: middle;
}

.GridPager table {
    border-spacing: 0;
    border-collapse: collapse;
}

.GridPager {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    text-decoration: none;
}

    .GridPager a {
        color: #232323;
        text-decoration: underline;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        text-decoration: none;
        padding: 0.2em 0.5em;
        margin: 2px;
    }

    .GridPager span {
        color: #232323;
        text-decoration: underline;
        /*border-top: 1px solid #E3E3E3;
        border-right: 1px solid #E3E3E3;
        border-bottom: 1px solid #E3E3E3;
        border-left: 1px solid #E3E3E3;*/
        text-decoration: none;
        padding: 0.2em 0.5em;
    }

    .GridPager a:hover {
        border: 1px solid #666;
    }

    .GridPager a:visited {
        color: #666;
        text-decoration: underline;
        border-top: 1px solid #E3E3E3;
        border-right: 1px solid #E3E3E3;
        border-bottom: 1px solid #E3E3E3;
        border-left: 1px solid #E3E3E3;
        text-decoration: none;
        padding: 0.2em 0.5em;
    }

.GridPagerActive {
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0.2em 0.5em;
    font-weight: bold;
    background: #666;
    color: #FFF;
}

.GridPager a:active {
    color: #232323;
    text-decoration: underline;
}

.GridSizePager div {
    background-color: gray;
    border: none;
    color: Black;
    line-height: 17px;
    text-align: left;
    vertical-align: middle;
}

.GridSizePager table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: gray;
}

.GridSizePager {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: gray;
    text-align: center;
    font-size: /*14pt; */ 1.07em;
    padding: 0em 0em;
    margin-right: 0em;
    text-decoration: none;
    border: none;
}

    .GridSizePager a {
        background-color: gray;
        color: blue;
        text-decoration: underline;
        border: none;
        padding: 0em 0em;
        margin-right: 7px;
    }

    .GridSizePager span {
        background-color: gray;
        color: #232323;
        border: none;
        text-decoration: none;
        padding: 0em 0em;
        margin-right: 2px;
    }

    .GridSizePager a:hover {
        border: 1px solid #666;
    }

    .GridSizePager a:visited {
        color: blue;
        text-decoration: underline;
        border: none;
        text-decoration: none;
        padding: 0em 0em;
    }


.AccountSummaryPanel {
	font-weight: normal;
	text-align: center;
	background-color: white;
	color:black;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	/*border: 2px solid black;*/
}
.AccountSummaryPanelTable {
	border-collapse: collapse;
	border-style: hidden;
}

	.AccountSummaryPanelTable th {
		border: 1px solid black;
	}

	.AccountSummaryPanelTable td {
		border: 1px solid black;
	}

.GroupSummary {
    background-color: #e0e4e4;
}

.GroupSummaryHistory {
    background-color: #8e5151; /*#e88888;*/ /*#c67373;*/ /*#ed2828;*/
    color:white;
}

.Group {
   font-weight: normal;
   text-align: center;
   border: black 1px inset;
   background: #e0e4e4;
}

.GroupWhite {
    font-weight: normal;
    text-align: center;
    border: silver 1px inset;
    background-color: #e0e4e4;
}

.GroupHeader
/* used for any group tags like headers on certain groups of cells in tables etc. */ {
    background-color: #e0e4e4;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}

.GroupHeaderRight
/* used for groups of cells in tables etc. */ {
   background-color: #e0e4e4;
   color: Black;
   font-weight: bold;
   text-align: right;
   vertical-align: top;
}

.GroupHeaderLeft
/* used for groups of cells in tables etc. */ {
   background-color: #e0e4e4;
   color: Black;
   font-weight: bold;
   text-align: left;
   vertical-align: top;
}

.GroupHeaderRightRow
/* used for groups of cells in tables etc. - for the Demographics report*/ {
    background-color: #e0e4e4;
    color: Black;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.GroupHeaderLeftRow
/* used for groups of cells in tables etc. - for the Demographics report*/ {
    background-color: #e0e4e4;
    color: Black;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

.GroupItem
/* used for groups of cells in tables etc. */ {
    background-color: #e0e4e4 /*#D4FFF4*/;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
}

.GroupItemLeftNormal
/* used for groups of cells in tables etc. */ {
   background-color: #e0e4e4;
   font-weight: normal;
   text-align: Left;
   vertical-align: top;
}

.GroupItemLeftNormalRow
/* used for groups of cells in tables etc. - for the Demographics report */ {
    background-color: #e0e4e4;
    font-weight: normal;
    text-align: Left;
    vertical-align: top;
}

.GroupItemRightNormal
/* used for groups of cells in tables etc. */ {
    background-color: #e0e4e4;
    font-weight: normal;
    text-align: Right;
    vertical-align: top;
}

.GroupItemLeft
/* used for groups of cells in tables etc. */ {
   background-color: #e0e4e4;
   font-weight: bold;
   text-align: Left;
   vertical-align: top;
}

.GroupItemRight
/* used for groups of cells in tables etc. */ {
    background-color: #e0e4e4;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.Header {
    text-align: center;
    vertical-align: top;
    font-size: 110%;
    font-weight: bold;
}

.HeaderBox {
    background-color: #8393A3;
    border-style: inset;
    border-width: medium;
    border-color: #999999;
    height: 58px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    color: White;
}

.HeaderBoxNew {
    background-image: url(Images/parathonlogoback.gif);
    background-repeat: repeat-x;
    background-color: #8393A3;
    border-style: inset;
    border-width: medium;
    border-color: #999999;
    height: 58px;
    margin: 0px;
    padding: 0px;
    color: White;
}

.HeaderImage TD {
    /*background-image: url(Images/parathonlogoback.gif);*/
    background-color: #e0e4e4;
    background-repeat: repeat-x;
    color: BLACK;
    font-size: /*14pt;*/ 10pt;
    font-weight: bold;
    border-width: 0px;
}

.HeaderLeft {
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    font-weight: bold;
}

.HeaderRight {
    text-align: right;
    vertical-align: top;
    font-size: 100%;
    font-weight: bold;
}

.HelpBox {
    border-top-color: #4F6CA4;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: left;
    color: #4F6CA4;
}

    .HelpBox li {
        color: Gray;
    }

    .HelpBox strong {
        color: #601010;
        text-decoration: underline;
    }

.HelpBoxFooter {
    color: silver;
    border-top-color: #4F6CA4;
    border-top-width: 1px;
    border-top-style: solid;
    font-size: /*12pt;*/ 8pt;
}

.HighlightRow TD {
    background-color: #f0e68c;
    /*border-color: RGB(204, 204, 204);
    border-style: outset;
    color: black;*/
}
.UserSelectHighlightRow {
   border-top: 2px solid #041b37;
   border-bottom: 2px solid #041b37;
}

.UserSelectHighlightRow td {
   box-shadow: 0px 25px 5px -20px rgba(4,27,55,0.45) inset, 0px -25px 5px -20px rgba(4,27,55,0.45) inset;
}

.HoverMenu TD {
    background-color: #D4DEEA;
    border-color: #96a3b4;
    border-style: solid;
    border-width: 1px;
    color: black;
    text-decoration-color: black;
    text-align: left;
}

.HoverMenu a {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.HoverMenu table {
    margin-left: 0px;
    margin-right: 0px;
}

.HighlightRow a {
}

.PinkRow TD {
    background-color: #FFC0C0;
    border-color: black;
    border-style: outset;
    color: black;
}

.HistoryRow TD {
    background-color: #FFD7D7;
    border-color: black;
    border-style: outset;
    color: black;
}

TD.HistoryColumn {
    background-color: #FFD7D7;
    border-color: black;
    border-style: outset;
    color: black;
}

TD.HistoryCell {
    background-color: #ddbebe;
    border: rgb(204,204,204) thin ridge;
}

.PendingRow TD {
    background-color: #b0e0e6;
    border-color: black;
    border-style: outset;
    color: black;
}

TD.PendingColumn {
    background-color: #b0e0e6;
    border-color: black;
    border-style: outset;
    color: black;
}

.JdaColor_EditedRow {
	background-color: #3be7d9;
}

.JdaColor_Approved {
	background-color: #CEFFCE;
	/*border: rgb(204,204,204) thin ridge;*/
}
.JdaColor_Deleted {
	background-color: #FFD7D7;
	/*border: rgb(204,204,204) thin ridge;*/
}
.JdaColor_White {
	background-color: white;
	/*border: rgb(204,204,204) thin ridge;*/
}
.JdaColor_Pending {
	background-color: #b0e0e6;
	/*border: rgb(204,204,204) thin ridge;*/
}
.JdaColor_History {
	background-color: #ddbebe;
	/*border: rgb(204,204,204) thin ridge;*/
}
.JdaColor_ToBeDeleted {
	background-color: #FFD7D7;
	/*border: rgb(204,204,204) thin ridge;*/
}
.JdaColor_NeedsAttention {
	background-color: #FFAE64;
	/*border: rgb(204,204,204) thin ridge;*/
}

.JdaColor_TransmittedNonFinancial {
	background-color: #CAAFFF;
	/*border: rgb(204,204,204) thin ridge;*/
}


.PendingCell {
	background-color: #b0e0e6;
	/*border: rgb(204,204,204) thin ridge;*/
}

.DisabledCell {
	background-color: #FFC0C0;
	/*border: rgb(204,204,204) thin ridge;*/
}

.YellowCell {
	background-color: #FFFF99;
	/*border: rgb(204,204,204) thin ridge;*/
}

.RedCell {
	background-color: #FF0000;
	/*border: rgb(204,204,204) thin ridge;*/
}

.RedCellGrid {
    background-color: #FF0000;
    color: White;
}

.OrangeCell {
	background-color: #FF8040;
	/*border: rgb(204,204,204) thin ridge;*/
}

.GreenCell {
	background-color: #99FFCC;
	/*border: rgb(204,204,204) thin ridge;*/
}

.PinkCell {
	background-color: #FFC0CB;
	/*border: rgb(204,204,204) thin ridge;*/
}

.GreyCell {
	background-color: #D8D8D8;
	/*border: rgb(204,204,204) thin ridge;*/
}
/*Beaumont*/
.PurpleHighlight {
    background-color: rgb(171,130,255);
    color: black;
}

/*Henry Ford*/
.OrangeHighlight {
    background-color: rgb(255,165,0);
    color: black;
}

.LargeBody {
    font-size: 110%;
}

.LightFooterLeft {
    color: #778899;
    text-align: left;
    font-size: 70%;
    font-weight: normal;
}

DIV.Legal {
    text-align: center;
    color: #dbdbdb;
    background-color: #464646;
    border-color: #999999;
    border-style: outset;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

DIV.List {
    line-height: 20px;
}

DIV.Center {
    margin-left: auto;
    margin-right: auto;
}

.SolidBorder {
    border-style: solid;
    border-width: thin;
}

TD.Legal {
    font-size: /*12pt;*/ 8pt;
    text-align: center;
    vertical-align: middle;
    color: #dbdbdb;
    background-color: #464646;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: inherit;
}

.MainForm {
    overflow: visible;
    background-color: #ffffff;
    border-right: #e0e4e4 3px inset;
    border-top: #e0e4e4 3px inset;
    border-left: #e0e4e4 3px inset;
    border-bottom: #e0e4e4 3px inset;
    width: 99%;
    min-width: 500px;
}

.MainFormLogin {
    overflow: visible;
    background-color: white;
    border-right: #999999 3px outset;
    border-top: #999999 3px outset;
    border-left: #999999 3px outset;
    border-bottom: #999999 3px outset;
    width: 99%;
    min-width: 500px;
}

.MainFormNew {
    background-color: white;
    padding: 2px;
    border-right: #999999 3px outset;
    border-top: #999999 3px outset;
    border-left: #999999 3px outset;
    border-bottom: #999999 3px outset;
    width: 98%;
    min-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

TABLE.Main {
    padding: 1px;
    margin: 1px;
    border: 0px;
    width: 100%;
}

TABLE.Menu {
    font-weight: bold;
    font-size: 100%;
    border-color: #999999;
    background-color: #ffffff;
    border-style: outset;
}

.MiddleCenter {
    text-align: center;
    vertical-align: middle;
}

.Name {
    text-align: right;
    vertical-align: top;
}

.NameAudit {
    color: #808080;
    float: right;
    white-space: nowrap;
}

.NoBorder TD {
    border: 0px;
    margin: 0px;
}
/* Since the PanelBar Menu does not support visited links, they are wrapped in this DIV */
.PanelBarMenu a:visited {
    color: white;
}

.Spacer {
    font-size: 100%;
}

.TermLtrInd {
    background-color: red;
    font-weight: bold;
}

.TreeView TABLE {
    margin-left: 0px;
    text-align: left;
}

.TreeviewChildNode {
    font-size: /*13pt; */ 12px;
}


.TreeviewParentNode {
    font-size: /*14.5pt;*/ 14px;
    text-decoration: none;
}

.Titlebar1 {
    font-weight: bolder;
    font-size: /*18.5pt;*/ 125%;
    color: black;
    text-align: center;
}

.Titlebar2 {
    font-weight: bold;
    font-size: /*18pt; */ 120%;
    color: navy;
    text-align: center;
}

.Titlebar3 {
    font-weight: bold;
    font-size: /*18pt; */ 120%;
    color: #4F6CA4;
    text-align: left;
}

.TopCenter {
    text-align: center;
    vertical-align: top;
}

.TopLeft {
    text-align: left;
    vertical-align: top;
    margin-left: 0px;
}

.TopLeftPM {
    width: 900px;
    text-align: left;
    vertical-align: top;
    margin-left: 0px;
}

.TopLeft TABLE {
    text-align: left;
    vertical-align: top;
    margin-left: 0px;
}

.TopRight {
    text-align: right;
    vertical-align: top;
    margin-right: 0px;
}

.Value {
    text-align: left;
    vertical-align: top;
}

.ValueAudit {
    text-align: left;
    color: #808080;
    white-space: nowrap;
}

/* 
The order of classes in this file makes a difference
	In order to assign multiple CSS classes to a single HTML element
	and only have to define Right, Left, Center, Top
	These classes should be defined last 
*/

.BOLD {
   font-weight: bold;
}

TD.Left {
    text-align: left;
    vertical-align: middle;
    margin-left: 0px;
}

TD.Right {
    text-align: right;
    vertical-align: middle;
}

TD.Center {
    text-align: center;
    vertical-align: middle;
}

.Center {
    text-align: center;
}

TD.Top {
    vertical-align: top;
}

TD.Middle {
    vertical-align: middle;
}

TD.Bottom {
    vertical-align: bottom;
}

TD.NegativeNumber {
   color: #8b0000;
   text-align: right;
   white-space: nowrap;
   border-color: black;
}

SPAN.NegativeNumber {
    color: #8b0000;
    text-align: right;
    white-space: nowrap;
}

SPAN.AccountSummaryPanelNegativeNumber {
    color: #8b0000;
    text-align: right;
    white-space: nowrap;
    background-color: white;
}

SPAN.AccountSummaryAccountNumber {
    color: white;
    text-align: right;
    white-space: nowrap;
    background-color: white;
}

.SubMenu {
   text-align: left;
   font-weight: normal;
   text-align: center;
   border: 1px solid black;
   background-color: #f5f5f5;
   /*padding: 5px;*/
   font-size: 10pt;
   /*background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));*/
}

.ActionHoverMenu{
   background-color:white;
   border:1px solid black;
}

.WindowHeader {
   font-weight: bold;
   font-size: /*16pt; */ 12pt;
   color: black;
   padding: 0px;
   text-align: left;
   vertical-align: middle;
   border: silver 1pt solid;
   background-image: url(Images/WindowBG_S.png);
   background-repeat: repeat-x;
}

.Window {
    border: silver 1pt solid;
    background: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: /*14pt; */ 10pt;
}

.WindowHeaderLocked {
    border: silver 1pt solid;
    background: #ffffff;
    /*padding-right: 5px;*/
    /*padding-left: 5px;*/
    padding-bottom: 5px;
    font-size: /*14pt; */ 10pt;
    overflow: auto;
    overflow-x: hidden;
}

.WindowHeaderLockedNoPadding {
    border: silver 1pt solid;
    background: #ffffff;
    /*padding-right: 5px;*/
    font-size: /*14pt; */ 10pt;
    overflow: auto;
    overflow-x: hidden;
}

.WindowHeaderLocked TH {
    font-weight: bold;
    background-color: #006699;
    color: white;
    white-space: nowrap;
}
/*Modal w*/
.modalBackground {
    background-color: Black;
    /*filter:alpha(opacity=60);
	opacity:0.6; */
}

.modalTransparentBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: white;
    border-width: thin 1pt;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.DoNotIncludeInRollup {
    background-color: #cccccc;
}

A.NegativeNumber {
    color: #8b0000;
    white-space: nowrap;
}

    A.NegativeNumber:hover {
        color: #8b0000;
        white-space: nowrap;
    }

    A.NegativeNumber:visited {
        color: #8b0000;
        white-space: nowrap;
    }

A.Green {
    color: #347235;
}

    A.Green:hover {
        color: #347235;
    }

    A.Green:visited {
        color: #347235;
    }

A.Yellow {
    color: Yellow;
}

    A.Yellow:hover {
        color: Yellow;
    }

    A.Yellow:visited {
        color: Yellow;
    }

A.Orange {
    color: #C35617;
}

    A.Orange:hover {
        color: #C35617;
    }

    A.Orange:visited {
        color: #C35617;
    }

.Orange {
    color: #C35617;
}

.Green {
    color: #347235;
}

.Yellow {
    color: yellow;
}

.NoDisplay {
    display: none;
}

.DefaultGridViewHeaderStyle TD, TH {
   font-weight: bold;
   padding-left: 8px;
}

.DefaultGridViewHeaderStyle th:hover {
   /*background: linear-gradient(180deg, rgba(125,242,249,1) 0%, rgba(0,212,255,1) 74%);*/
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
   color:black!important;
   cursor: pointer;
}

.DefaultGridViewRowStyle {
   background-color: white;
   color: black;
}

/*TR.DefaultGridViewHeaderStyle {
   font-weight: bold;
   color: black;
}
TR.DarkBlueGradient {
   font-weight: bold;
   color: white;
}*/

A.DefaultGridViewHeaderStyle {
    color: black;
}

	A.DefaultGridViewHeaderStyle:hover {
		color: black!important;
	}

	A.DefaultGridViewHeaderStyle:visited {
		color: black;
	}

.WrapperDiv {
    height: 400px;
    border: 1px solid black;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
    vertical-align: top;
}

/*Reorder List*/
.reorderListDragHandle {
    width: 10px;
    height: 15px;
    background-color: Blue;
    background-image: url(Images/bg-menu-main.png);
    cursor: move;
    border: outset thin white;
}

.reorderListCallbackStyle {
    border: thin blue inset;
}

    .reorderListCallbackStyle table {
        background-color: #5377A9;
        color: Black;
    }

.reorderListDemo li {
    list-style: none;
    margin: 2px;
    /*background-image:url(Images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;*/
    color: Black;
    font-weight: normal;
    background-color: white;
    border-width: thin;
    border-top-style: ridge;
    border-right-style: ridge;
    border-left-style: ridge;
    border-bottom-style: ridge;
}

	.reorderListDemo li a {
		/*color:#FFF !important; */
		color: Black;
		font-weight: bold;
		background-color: white;
	}

.reorderListCue {
    border: dashed thin black;
    width: 100%;
    height: 25px;
    background-color: Gray;
    color: Black;
}

.reorderListItemArea TD {
    margin-left: 10px;
    margin-right: 5px;
    text-align: left;
    font-size: 100%;
}

/* ResizableControl */

.resizableFrameImage {
    width: 130px;
    height: 65px;
    overflow: hidden;
    float: left;
    padding: 3px;
}

.resizableFrameText {
    width: 100px;
    height: 100px;
    overflow: auto;
    float: left;
    background-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    line-height: normal;
}

.resizableHandleImage {
    width: 15px;
    height: 16px;
    background-image: url(images/HandleHand.png);
    overflow: hidden;
    cursor: se-resize;
}

.resizableHandleText {
    width: 16px;
    height: 16px;
    background-image: url(images/HandleGrip.png);
    overflow: hidden;
    cursor: se-resize;
}

.resizingImage {
    padding: 0px;
    border-style: solid;
    border-width: 3px;
    border-color: #B4D35D;
}

.resizingText {
    padding: 0px;
    border-style: solid;
    border-width: 3px;
    border-color: #7391BA;
}

/* Sql Server Reporting Services */
DIV.SSRS {
    background-color: White;
}

DIV.SqlViewBody {
    width: 800px;
    height: 400px;
    text-align: left;
    vertical-align: top;
    position: absolute;
    z-index: 9998;
    overflow: scroll;
    background: white;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    padding: 3px;
    margin: 34px 5px 5px;
    clear: both;
    border-right: 2px solid;
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
}

DIV.SqlViewHeader {
    width: 804px;
    height: 25px;
    text-align: left;
    vertical-align: top;
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #205e90;
    border: none;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    padding: 3px;
    margin: 5px;
    clear: both;
    color: white;
}

    DIV.SqlViewHeader A {
        color: white;
    }

        DIV.SqlViewHeader A:hover {
            color: white;
        }

        DIV.SqlViewHeader A:visited {
            color: white;
        }

DIV.box {
    border: 1px solid #000;
    padding: 0px;
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
}

TD.key {
    background-color: black;
    padding: 0px;
    margin: 0px;
}

TABLE.report {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
}

TD.odd {
    background-color: #f8f8ff;
    font-size: 8pt;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    color: #333333;
}

TD.even {
    background-color: #f8f8ff;
    font-size: 8pt;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    color: #333333;
}

TD.account {
    font-weight: bold;
    font-size: /*14pt; */ 10pt;
    color: black;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: left;
    height: 20px;
    border-right: silver 1pt solid;
    border-left: silver 1pt solid;
    border-top: silver 1pt solid;
    background-image: url(Images/WindowBG_S.png);
    background-repeat: repeat-x;
}

TD.border {
    background-color: #BBBBBB;
    border-color: RGB(204, 204, 204);
    color: #555555;
    font-weight: bold;
    font-size: 8pt;
    margin: 2px;
    padding: 6px;
    padding-left: 10px;
    text-align: left;
    vertical-align: top;
}

TD.border1 {
    background-color: #DDDDDD;
    border-color: RGB(204, 204, 204);
    color: #555555;
    font-weight: bold;
    font-size: 8pt;
    margin: 2px;
    padding: 2px;
    padding-left: 10px;
    text-align: left;
    vertical-align: top;
    height: 10px;
}

TD.result {
    background-color: #610b0b;
    font-weight: bold;
    color: black;
    padding: 0px;
}

TD.qualresult {
    background-color: #FFFF33;
    font-weight: bold;
    color: black;
    padding: 0px;
}

TD.Titlebar {
    font-weight: bolder;
    font-size: /*18.5pt; */ 125%;
    color: BLACK;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.ACEItem {
    /*font-size: 11px; 
    color: #000; 
    padding: 3px 5px; 
    border: 1px solid #999; */
    background: #fff;
    width: 300px;
    /*position:absolute;*/
    white-space: nowrap;
    /*float: left; */
    /*z-index: 1; 
    margin-left:0px;*/
}

.ACEList {
    border:solid 1px #444444;
    margin: 0px;
    padding: 2px;
    /*width: 300px;*/
    overflow: hidden;
    min-width: 300px;
    text-align: left;
    visibility: hidden;
}

.ACEHighlightedItem {
    color: White;
    background-color: Black;
}

.ACEItemNoMinWidth {
    background: #fff;
    white-space: nowrap;
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.ACEListNoMinWidth {
    background: #fff;
    border: solid 1px #444444;
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    text-align: left;
}

.ACEHighlightedItemNoMinWidth {
    color: White;
    background-color: Black;
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.LoadingDiv {
    /*background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;*/
    vertical-align: middle;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.LoadingDivTextHolder {
    background-color: White;
    color: #000000;
    width: 200px;
    height: 50px;
    border: solid 1px black;
    margin-top: 200px;
    margin-left: -100px;
    z-index: 1010;
    top: 0px;
    vertical-align: middle;
    position: fixed;
    line-height: 50px;
    font-weight: bold;
    left: 50%;
    text-align: center;
}

.waterMarked {
    color: Gray;
}
/* Locks the left column */
td.locked, th.locked {
    font-weight: bold;
    background-color: #006699;
    color: white;
    border-right: 1px solid silver;
    position: relative;
    cursor: default;
    left: expression(document.getElementById("div-datagrid").scrollLeft-2);
}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
    vertical-align: top;
}

div.fieldset {
    border: 1px solid #afe14c;
    margin: 10px 0;
    padding: 20px 10px;
}

    div.fieldset span.legend {
        position: relative;
        background-color: #FFF;
        padding: 3px;
        top: -30px;
        font: 700 14px Arial, Helvetica, sans-serif;
        color: #73b304;
    }

div.flash {
    width: 375px;
    margin: 10px 5px;
    border-color: #D9E4FF;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

input[disabled] {
}

input[type=text]:disabled {
	color: black;
	background-color: lightgray;
}

input[type=checkbox]:disabled {
	background-color: lightgray;
	outline: 1px solid gray;
}

input[type=button]:disabled{
	background-color:darkgray;
	color:gray;
}

input[type=submit]:disabled {
   background-color: darkgray;
   color: gray;
}

select:disabled {
	color: black;
	background-color: lightgray;
}
/* FF 2 Fix */

/*input:disabled {
	color: black;
	background-color: lightgray;
}*/

/*May need to remove on checkin*/
input[readonly] {
    background-color: #cccccc;
}

.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: /*11pt; */ 7pt;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

    a.progressCancel:hover {
        background-position: 0px 0px;
    }

.swfupload {
    position: absolute;
    z-index: 1;
}

/* -- END SWFUpload Object Styles ------------------------------- */

/* -- WEB Menu Object Styles ------------------------------- */
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
    font-size: /*14pt; */ 10pt;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    padding-right:20px;
}

div.menuBar {
    /*margin-top: 2px;*/
    background-color: transparent;
    text-align: left;
    border: none;
    border-collapse: collapse;
    vertical-align:top;
    border-bottom:1px;
    border-top:2px;
    z-index:9995;
}

   div.menuBar a.menuButton {
      border-style: solid;
      border-width: 1px;
      background-color: transparent;
      border-color: transparent;
      cursor: default;
      left: 0px;
      margin: 1px;
      padding: 2px 6px 2px 6px;
      position: relative;
      text-decoration: none;
      top: 0px;
      z-index: 9995;
      font-weight: bold;
      /*text-shadow: 0.07em 0 black, 0 0.07em black, -0.07em 0 black, 0 -0.07em black;*/
   }

div.menu {
    background-color: white;
    border-color: #205e90;
    border-style: solid;
    border-width: thin;
    left: 0px;
    padding: 0px 1px 1px 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 9995;
    margin-left:2px;
    margin-top:-2px;
/*    border-bottom:0px;*/
}

    div.menu a.menuItem {
        color: black!important;
        cursor: default;
        display: block;
        padding: 3px 1em;
        text-decoration: none;
        white-space: nowrap;
        height:20px;
    }

    div.menu div.menuItemSep {
        border-top: 1px solid #909090;
        border-bottom: 1px solid #f0f0f0;
        margin: 4px 2px;
    }
/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: RGB(204, 204, 204); /*#2E4d7B;*/
    font-size: /*13pt; */ 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #bed4dd; /*RGB(224, 224, 244);/*#5078B3;*/
    font-size: /*13pt; */ 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    background-color: white; /*#D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* -- END WEB Menu Object Styles ------------------------------- */

TD.ThickBottomBorder {
    border-top-style: groove;
    border-top-color: #C0C0C0;
    border-top-width: thick;
}

.NoPadding {
    padding: 0px;
}

TD.NoPadding {
    padding: 0px;
}

.NoteBubbleIE7 {
    margin: 20px 30px 20px 30px;
}

.NoteBubbleIE11 {
    margin: 20px 30px 20px 30px;
    border-color: transparent;
    border-style: inset;
}



.Window {
    border: none;
    background: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: /*14pt; */ 10pt;
}

.WindowHeader {
    font-weight: bold;
    font-size: /*16pt; */ 12pt;
    color: black;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    border: silver 1pt solid;
    border-bottom: none;
    background-color: #DFE3E3;
}


.tblButtonBar {
}

    .tblButtonBar td {
        padding: 0px 5px 0px 5px;
    }

.GV_HT {
    width: 100%;
    border-collapse: collapse;
}

.GV_HT_TD_Menu {
    width: 1%;
    text-align: left;
    vertical-align: middle;
    margin-left: 0px;
    padding-left: 3px;
    padding-bottom: 2px;
}

.JGV_MAIN_TBLWRP {
    width: 100%;
	 border:none;
	 border-collapse:collapse;
}

.GV_HT_TD_Title {
	text-align: left;
	vertical-align: middle;
	margin-left: 0px;
	font-size: 16px;
	padding-left: 5px;
	font-weight: bold;
}

.GV_HT_TD_M {
    margin-left: 0px;
    text-align: left;
    width: 190px;
}

    .GV_HT_TD_M a {
        margin-left: 0;
        text-align: left;
        padding: 0;
        left: 0;
    }

.GV_HT_TD_MB {
    cursor: pointer;
}

.resize {
    resize: both;
}

.Show {
    display: block;
}

.Hide {
    display: none;
}

.SmallBoxShadow {
   box-shadow: 3px 3px 3px rgba(0,0,0,0.75) !important;
}

.JGV_MAIN_TABLE {
   width: 100%;
   border-collapse: collapse;
   background-color: #DFE3E3;
   border: 1px solid black;
}

.JGV_MAIN_TABLE_HEADER {
   background-color: #DFE3E3;
   padding: 5px;
   /*border-bottom: 1px solid;*/
   color: black;
   /*border-right: 1px solid black;
   border-left: 1px solid black;*/
   /*border-top: 1px solid black;*/
   border-bottom: 1px solid black;
}

.JGV_MAIN_TABLE_BODY {
   padding: 0;
   background-color: white;
}

.OverFlowXScroll {
    overflow-x: scroll;
}

.OverFlowYScroll {
    overflow-y: scroll;
}

JGV_MAIN_COLUMN_BODY div {
    padding-right: 10px;
}

.JGV_MAIN_TABLE_PAGER {
	white-space: nowrap;
	padding: 3px;
	min-height: 20px;
}

.JGV_MAIN_TABLE_PAGER_ROW {
   border-top: 1px solid black;
   /*	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;*/
}

.GV_HT_M_IMG {
	background-image: url('../../Images/icon_Menu_Button.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	width: 16px;
	height: 16px;
}

.RegionExpand {
   background-image: url('../../Images/RegionExpand.JPG');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 16px;
   color: transparent;
   width: 16px;
   height: 16px;
}

.RegionCollapse {
   background-image: url('../../Images/RegionCollapse.JPG');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 16px;
   color: transparent;
   width: 16px;
   height: 16px;
}

.t0 {
    text-align: left;
    margin-left: 0;
}

.ParathonHeader {
    width: 102%;
    border: none;
    position: fixed;
    top: -6px;
    left: -2px;
    z-index: 9990;
    box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.75);
}

.FloatBody {
   background-color: white;
   /*border-radius:20px; keep for future*/
   box-shadow: 0px 15px 50px -5px #999999;
   min-width: 90vw;
   /*max-width:95vw;*/
   width: fit-content;
   margin: auto;
}

.ToggleAcctLinks {
   height: 25px;
   width: 25px;
   margin-left:7px;
   background-image: url('../../Images/icon_Menu_Button.png');
   background-repeat: no-repeat;
   background-size: cover;
}

.StaticPageTable {
    width: 90%;
}

/*.HeaderTable {
    border: none;
    border-collapse: collapse;
    margin-top: 1px;
    height: 100%;
    width: 95%;
    background-position: left;
    background-repeat: no-repeat;
    border: none;
    border-collapse: collapse;
    font-family:*/ /*Yantramanav; */ /*"MS Sans Serif", Arial, sans-serif;
    font-size:*/ /*14pt; */ /*10pt;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    color: white;
}
.HeaderSpacerTop{
    height:5px;
}
.HeaderSpacerBottom {
    height: 4px;
}

.MenuTable {
    width: 95%;
    color: white;
    border: none;
    border-collapse: collapse;
}

.PageHeaderTable {
}

.ContentTableHeader {
}

.FooterTable {
    height: 15px;*/
    /*box-shadow: unset -2px 58px 43px -58px rgba(0,0,0,0.75);*/
    /*width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: auto;
    font-style:italic;
}*/

.StickToBottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 30px;
    margin: auto;
}

.MenuButton {
    margin-left: 50px;
    width: 30px;
    height: 30px;
    background-image: url('../../Images/menu_Header.png');
    background-position: center;
}


.MainContentDiv {
    overflow-x: auto;
    overflow-y: auto;
}

/*.MessagePanel{
    z-index:1000;
    height:200px;
    width:300px;
    position:fixed;
    margin-left:-150px;
    margin-top:-100px;
}*/
.JdaMessageBoxHeader {
    height: 26px;
    background-color: #f5f5f5;
    border-bottom: thin;
    border-bottom-color: black;
}

.JdaMessageBoxLabel {
    font-size: 14px;
}

.JdaMessageBoxImg {
    height: 24px;
    width: 24px;
}

.JdaMessageBox {
    width: 400px;
    height: 200px;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -100px;
    z-index: 99999;
    background-color: white;
    border: groove;
    border-color: black;
    position: fixed;
}

.JdaMessageBoxBackDrop {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: black;
    opacity: .3;
    z-index: 9999;
}

.JdaGridViewDropDownListFilter {
}

.FilterColumnRow {
}

    .FilterColumnRow td {
        text-align: center;
        background-color: white;
        border-style: inherit;
        border-color: black;
    }

    .FilterColumnRow select {
        width: 80px;
    }

.GridMenuIcon {
    height: 20px;
    background-color: white;
    border: thick;
    border-color: black;
}


.Sort_DropDownList {
}

.Sort_CheckBox {
    padding-right: 15px;
}

.SearchModeButtom {
}

.AdditionalPagerPanel {
    padding-top: 6px;
    padding-left: 8px;
    float: left;
}
.GridPopup {
	position: fixed;
	max-width: 600px;
	height: auto;
	padding: 20px;
	background-color: transparent;
	z-index: 9992;

}
.GridPopup a{
	padding:10px;
}
	.GridPopup table {
		white-space: nowrap;
	}
.PopupBodyTable {
    padding-left: 20px;
    padding-right: 20px;
}
.GridPopupHeader {
    background-color: white;
    text-align: left;
    padding: 5px;
    border: 2px inset black;
    border-bottom: 1px solid black;
    font-weight: bold;
    background-color: #205e90;
    color: white;
    cursor: move;
}
    .GridPopupHeader td {
        color: white;
        white-space:nowrap;
    }
    .GridPopupHeader input{
        cursor:pointer;
    }

.GridPopupHeaderTitle {
    font-weight: bold;
    font-size: large;
}

.GridPopupContent {
    max-width: 600px;
    max-height: 400px;
    background-color: white;
    border: 2px solid black;
    border-top: none;
    border-bottom:none;
    overflow: auto;
	 padding:10px;
}
.GridPopupContent th{
    padding:2px;
}
.GridPopupFooter {
    border: 2px solid black;
    border-top: 1px solid black;
    background-color:white;
}
.GridPopup table{
    width:100%;
}

.GridStateIndicatorTd {
    position: relative;
}
.GridStateIndicatorOuter {
    margin-left: 30px;
    border: 1px solid black;
    position: absolute;
    top: -7px;
    background-color: #FFAE64;
	 height:35px;
    align-items:center;
}
.GridStateIndicatorInner {
    padding-top: 3px;
}
.GridStateIndicatorText {
}

.Circle {
    width: 15px;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    /*font-size: 32px;*/
    border: 2px solid #666;
    display: inline-block;
}

.GSIORight{
    left:75px;
}
.NoWrap{
    white-space:nowrap;
}
.SqlViewer{
    text-align:left;
}
.modal {
    /*display: none;*/ /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 1001;
}
.validation-message-box {
    display: none;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #323232;
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-width: 90%;
    font-size: 11pt;
    min-width: 256px;
}

.validation-message-box.show 
{
    display: block;
}

.close-btn 
{
    background: none;
    border: none;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    margin-left: 10px;
}
.close-btn:hover 
{
    color: #ff0000;
}

.ParathonMessagePanel {
    max-width:  600px;
    margin:auto;
    height: auto;
    background-color: transparent;
    text-align: center;
    justify-content: center;
}

.ParathonMessagePopup {
	resize: both;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -300px;
	width: 600px;
	height: 300px;
	z-index: 9992;
}

    .ParathonMessagePopup .ParathonMessagePanelHeader {
        cursor: move;
    }

    .ParathonMessagePanel table {
        white-space: nowrap;
    }

.PopupBodyTable {
    padding-left: 20px;
    padding-right: 20px;
}

.ParathonMessagePanelHeader {
    background-color: white;
    text-align: center;
    padding: 5px;
    border: 2px inset black;
    border-bottom: 1px solid black;
    font-weight: bold;
    background-color: #205e90;
    color: white;
}

    .ParathonMessagePanelHeader td {
        color: white;
        white-space: nowrap;
    }

    .ParathonMessagePanelHeader input {
        cursor: pointer;
    }

.ParathonMessagePanelHeaderTitle {
    font-weight: bold;
    font-size: large;
}

.ParathonMessagePanelContent {
    max-width: 600px;
    background-color: white;
    border: 2px solid black;
    border-top: none;
    border-bottom: none;
    overflow: visible;
}

    .ParathonMessagePanelContent th {
        padding: 2px;
    }

.ParathonMessagePanelFooter {
    border: 2px solid black;
    border-top: 1px solid black;
    background-color: white;
}

.ParathonMessagePanel table {
	width:100%;
	white-space: normal;
	word-wrap:break-word;
}


/* Dropdown Button */
.dropbtn {
	/*background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;*/
}


.Bordered {
   border: 1px solid black;
}

.LinkMenu {
   background-color: #F1F1F1;
   flex-direction: column;
   max-width: 350px;
   display: flex;
   text-align: left;
}

	.LinkMenu a {
		border-bottom: 1px solid black;
		text-decoration: none;
		padding-left: 16px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-right: 4px;
		color: black;
        cursor: pointer;
	}

      .LinkMenu a:hover {
         /*background-color:#D4FFF4;*/
         background-color: #E2F3FF;
         color: black;
         font-weight: bold;
      }

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
   display: none;
   position: fixed;
   white-space: nowrap;
   background-color: #F1F1F1;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 999999;
   text-align: left;
   width: 250px;
   border: 1px solid black;
}

	/* Links inside the dropdown */
   .dropdown-content a {
      color: black;
      text-decoration: none;
      display: block;
      /*padding-left: 25px;*/
      padding-top: 5px;
      padding-bottom: 5px;
   }

		/* Change color of dropdown links on hover */
      .dropdown-content a:hover {
         background-color: #E2F3FF;
         color: black;
         font-weight: bold;
      }

   .dropdown-content .ADWrapperDiv {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-content: center;
      align-items: center;
      border-bottom: 1px solid black;
   }
   .dropdown-content .ADWrapperDivA {
   }
   .dropdown-content .ADWrapperDivB {
      flex-grow: 1;
   }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: #205E8F;
	color: white;
	/*padding: 2px;*/
}


.MultiSelectDiv {
	text-align: left;
	position: absolute;
	background-color: white;
	z-index: 10000;
	visibility: hidden;
	border-style: solid;
	border-width: 1px;
	overflow:auto;
	max-height:200px;
	white-space:nowrap;
	padding: 0px 6px 0px 0px;
}

.InListButton {
	background: no-repeat url(../../Images/spreadsheet_list.png);
	height: 16px;
	width: 16px;
   color: transparent;
	cursor: pointer;
	float: left;
	margin-left: 1px;
	display: inline;
}

.LookupButton {
	background: no-repeat url(../../Images/lookupIcon.png);
	background-position: center;
	height: 16px;
	width: 16px;
    color: transparent;
	cursor: pointer;
	float: left;
	margin-left: 1px;
	display: inline;
}

.search-find-icon {
    background-size: contain; /* Ensure the image fits within the 16x16 container */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Don't repeat the image */
    background-image: url(../../Images/Lookup.png);
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-color: yellow;
    border-radius: 50%;
}

.ShowSqlPopup {
    background-color: white;
    color: black;
}

.JdaGridViewMainTable {
   border-collapse: collapse;
}

   /*td*/
   /*.JdaGridViewMainTable td {
      border: 1px solid black;
   }
   .JdaGridViewMainTable tr:first-child td {
      border-top: 0;
   }
   .JdaGridViewMainTable tr td:first-child {
      border-left: 0;
   }
   .JdaGridViewMainTable tr:last-child td {
      border-bottom: 0;
   }
   .JdaGridViewMainTable tr td:last-child {
      border-right: 0;
   }*/

   /*th*/
   .JdaGridViewMainTable th {
      border: 1px solid black;
   }

   /*.JdaGridViewMainTable tr:last-child th {
      border-bottom: 0;
   }

   .JdaGridViewMainTable tr:first-child th {
      border-top: 0;
   }*/

   .JdaGridViewMainTable tr th:first-child {
      border-left: 0;
   }

   .JdaGridViewMainTable tr th:last-child {
      border-right: 0;
   }

.FlexBody {
	display: flex;
	flex-direction: column;
}

.FlexSelection {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	float: left;
}

.FlexData {
	display: flex;
	flex-direction: column;
}

.FlexItem {
	/*flex-grow:1;*/
	padding: 3px 6px 3px 0px;
}

.FlexItemGrow {
	flex-grow: 1;
}

.JdaEditFormTable {
	/*height: 50px;*/
	width: 100%;
	top: 0;
}

	.JdaEditFormTable td {
		vertical-align: top;
		white-space: nowrap;
	}

.JdaEditFormSubTable {
	height: auto;
	width: 100%;
}

	.JdaEditFormSubTable th {
		height: 15px;
	}

.JdaEditFormTabContainer td {
	vertical-align: middle;
}

.CompletionListFlyOut {
	width: 700px;
	margin: 0px !important;
	background-color: white;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	text-align: left;
	list-style-type: none;
	height: 200px;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.CompletionListFlyOutItem {
    min-width: 350px;
    max-width: 700px;
    background-color: white;
    border-bottom: 1px solid black;
    padding: 3px 100px 3px 5px;
}

.CompletionListFlyOutItemHover {
    min-width: 350px;
	max-width: 600px;
	background-color: #205e90;
	color: white;
	border-bottom: 1px solid black;
	padding: 3px 100px 3px 5px;
}

.FlexGrow {
	flex-grow: 1;
}

.FlexRow-Left {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: left;
	align-items: flex-start;
	padding-left: 12px;
}

.JdaClientHierarchyTreeView {
	display: flex;
	flex-direction: column;
	padding-right: 10px;
}

.JdaClientHierarchyTreeView table:first-child {
	margin-left: 0px;
}

.JdaClientHierarchyTreeView div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.JdaClientHierarchyTreeView div table {
	margin-left: 0;
}

.NoBottomMargin {
	margin-bottom: 0px !important;
}

.Parathon-ChildContainer {
	width: 95%;
	align-self: center;
	padding: 0 0px 0px 0px;
	margin-bottom: 35px;
}

.Parathon-FlexContainer {
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.Parathon-FlexRow {
	display: flex;
	flex-direction: row;
	padding: 3px 6px 3px 6px;
}

	.Parathon-FlexRow > div {
		padding-right: 6px;
	}

		.Parathon-FlexRow > div > span {
			padding-right: 3px;
			margin-top: -3px;
			/*padding-left: 3px;*/
		}

			.Parathon-FlexRow > div > span > label {
				padding-right: 3px;
				/*padding-left: 3px;*/
			}

	.Parathon-FlexRow:empty {
		display: none;
	}

.ReducedBottomMargin {
	margin-bottom: 6px !important;
}

.SmallFont {
	font-size: 8px;
}

	.SmallFont a {
		font-size: 8pt;
	}

	.SmallFont span {
		font-size: 8pt;
	}
/*List Manager*/

.LMContainer {
    margin: 10px;
    overflow: auto;
    height: 500px;
    width: 300px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -150px;
    position: fixed;
    background-color: #DFE3E3;
    display: none;
    z-index: 99999999;
    flex-direction: column;
    box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.75);
}


.LMHeader {
    height: 30px;
    background-color: #205E8F;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: move;
}

    .LMHeader h3 {
        color: white !important;
        cursor: move;
    }

.LMBody {
    flex-grow: 1;
    overflow-y: scroll;
    height: 430px;
    padding: 20px;
}

.LMFooter {
    padding: 10px;
}

[data-title]:hover:after {
    opacity: 1;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 6px;
    color: black;
    max-width: 500px;
    white-space: nowrap;
    border: 1px solid #073763;
    background-color: white;
    border-radius: 3px;
    box-shadow: 1px 2px 2px;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

[data-title] {
    position: relative;
}