html {}
body { font-size: 11px; margin: 0px; color: #333333; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:white;padding-left:0px;padding-right:0px; }
body { font-size: 18px; font-family: 'Roboto','Open Sans','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; font-weight: 400; /*color: #333; font-weight: 300;color:#707070;*/ color: #555; }

a:active { color: #006699; TEXT-DECORATION: underline; }
a:link { color: #006699; }
a:visited { color: #006699; }
a:hover { color: #660000; }
td {text-align:left;vertical-align:top;}
input[type='checkbox'] { vertical-align:text-bottom;width:1em;height:1em;margin-bottom:.08em;}
input[type='text'], textarea { font-family: "Roboto", sans-serif; outline: 0; background-color: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; }

    input[type='text'] label, textarea label { display: block; font-size: .7em; }
input[type='submit'] { margin-top: 15px; margin-top: 0px; }

input:focus, textarea:focus { outline: 2px solid #c00; background-color: #dfd; }
.DataRowBody input, .DataRowBody textarea { padding: 3px 5px 3px 5px; margin: -3px -5px -3px -5px; }
    .DataRowBody input[type='submit'] { margin: 0px -5px 0px -5px }
label {font-size: .8em; }
/*Some Generic Font Styles*/
/*

    font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', sans-serif;
    proxima-nova,"Helvetica Neue",Helvetica,Verdana,sans-serif;
th, h6, h2,h3,
.BodyLight, .CallOutText, .Button1, .Button1s, .Button2, .ButtonSmall, .ButtonSmallImportant, .ActionButton, .NavBarButton1, .Back_To_Top, .ButtonInactive, .ButtonGreen, .DividerBar, .SectionDividerBar, .DataRowDividerRow, .DataRowTitle,
.LeftNav, .PageTitle, .IntranetPageTitle, .SideBarBlock, .TableTitle, .PageSubTitle, .SectionHead1, .SectionHead2, .SectionHead3
 {font-family: 'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;}
*/
td,
.DataRowBody { }

.CategoryHeader 
{ font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; font-size:14px; margin-top:3px; margin-bottom:5px;}

.AjaxStatus, .AjaxStatusText { color:inherit;font-size:1.5em; text-align:center}
.AjaxStatusSmall .AjaxStatus, .AjaxStatusSmall .AjaxstatusText { font-size: .5em; }

.LeftNav { font-size: 12px; color: #FF9900; }
.LeftNav a:link { color: #FF9900; text-decoration: none; }
.LeftNav a:visited { color: #FF9900; text-decoration: none; }
.LeftNav a:hover { color: #fff;}

h1,h2,h3,h4,h5,h6, h1.Title, .Title, .Title2,  h4.Title, .TitleBar, .VideoBlock {font-family:'HelveticaNeue-Light','Segoe UI Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; color:#707070; font-weight:normal;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1.Title, .Title {font-size:50px; margin-bottom: .2em;}
.Title2 { font-size:35px !important; color:#333; margin-bottom:3px;}


h4.Title, .TitleBar {border-top:1px solid #707070;border-bottom:1px solid #707070;padding-top:5px;padding-bottom:5px;font-size:22px; margin-bottom:10px;}


p {}

hr { MARGIN-BOTTOM: 1px; padding-BOTTOM: 1px; }

table {}
td {}
th {}

/*Input Elements*/
.ContentEditable {border:1px solid #707070; background-color:#fff; box-sizing:inherit; padding:3px; margin:-4px; overflow:auto; height:fit-content; clear:both;}
.ContentEditable:focus, .ContentEditable:active { border: 1px solid #c00;}

    /*Default Table Stuff*/
    /*
table {FONT-SIZE: 10px; color: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-collapse:collapse; border-spacing:0px;}
td {font-size: 12px;}
th {border-collapse: collapse; background-color: #eeeeee; border-spacing:0px; font-weight:normal; font-size:12px; color:#707070;}

th {border: #dddddd 1px solid; padding: 5px; border-collapse: collapse; background-color: #eeeeee;}

    */
strong { FONT-SIZE: 12px; color: #333333; }
IMG {border: medium none;}

/*BodyText Styles*/
.BodyLight { font-size:1.1em; margin-bottom:.2em;color: #707070; }
.CallOutText { font-size:1.7em;margin-bottom:.6em;color: #707070; }
.TableTitle { font-size:1.2em; }

.SectionHead1 {font-size:24px; margin-bottom:10px;}
.SectionHead2 {font-size: 20px; margin-bottom: 10px;}
.SectionHead3 {font-size: 16px; margin-bottom: 10px;}

/*Some Note Styles*/
.Note { background-color: #ffffcc!important; text-align: left; color: #000000; vertical-align: top;}
.Note textarea { padding: 0; background-color: white; outline: 1px solid rgb(118, 118, 118); }/* so note textareas look like regular text areas*/

/*Some Button Styles*/
.InlineBlock { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.Button1, .Button1s, .Button2, .Button3, .ButtonSmall, .ButtonSmallImportant, .NavBarButton1, .Back_To_Top, .ButtonInactive, .ButtonGreen, .ActionButton {border: none; vertical-align: middle; cursor: pointer; color: #707070; display:inline-block; }
.Button1, .ButtonInactive, .ButtonGreen {color:#fff; padding: .15em .8em .15em .8em; font-size: 1.2em; background-color:#0c90b1;}
.Button1s {color:#fff; padding: .15em .5em .15em .5em; text-decoration:none;margin-bottom:5px;margin-right:5px; font-size: 13px; background-color:#0c90b1;}
.Button1 {text-decoration:none;margin-bottom:5px;margin-right:5px;}
.Button2 { margin: .25em; padding: .5em 1em .5em 1em; font-size: 1.3em; }
.Button3 { margin: .25em; padding: .5em 1em .5em 1em; font-size:1em;}
.ButtonSmall, .ButtonSmallImportant, .ButtonSmall:link, .ButtonSmallImportant:link, .ButtonSmall:visited, .ButtonSmallImportant:visited {padding: .25em .5em .25em .5em; font-size: .75em; background-color: #eee; color: #707070; text-decoration:none;margin-bottom:5px;margin-right:5px;}
.DataRowTitle .ButtonSmall {background-color:#ddd;margin-top:3px; border:1px solid #ccc;} 
.CDPanelDataToTheRight_InsideThePanel .ButtonSmall {margin:0px 1px 0px 1px; padding:0em .5em 0em .5em;} 
.ButtonSmallImportant {border:1px solid red;}

.ActionButton, .ActionButton:link, .ActionButton:visited {padding:  .25em .5em .25em .5em; font-size: 1em; background-color: #eee; color: #707070; text-decoration:none;margin-bottom:5px;margin-right:5px;}
.ActionButton.Large { font-size:1.2em;}
.DataRowTitle .ActionButton, .RowTitle .ActionButton, .DataRowTitle .ButtonSmall, .RowTitle .ButtonSmall {background-color:#ddd;margin-top:3px;}

.ActionButton.Active { background-color:#0c90ff;color:#fff;}
.ActionButton.Save { background-color:#0a0;color:#fff;}
.ActionButton.Red { background-color: #c00; color: #fff; }
.ActionButton.Blue { background-color: #40a7db; color: #fff; }
.ActionButton.Green { background-color: #0a0; color: #fff; }
.ActionButton.Pink { background-color: #ff89d8; color: #fff; }
.ActionButton.Purple { background-color: #c319c4; color: #fff; }
.ActionButton.Menu { width:100%;}

td.DataHeaderLeft > a.ButtonSmall, td.DataHeaderLeft > a.ActionButton { border:1px solid #ccc; background-color: #ddd;}

.Button1:link, .Button1:visited {background-color: #0c90b1; color: #fff; text-decoration:none;}

.Button1:hover, .Button1 a:hover, .Button1s:hover, .Button1s a:hover {background-color: #069; color:#fff}
.Button2:hover, .Button2:hover a, .ButtonSmall:hover, .ButtonSmallImportant:hover { background-color: #069; color: #fff; }
.Button3:hover { background-color: #ccc; color: #707070; }
.ButtonSmall:hover, .ButtonSmallImportant:hover, .ActionButton:hover, td.DataHeaderLeft > a.ActionButton:hover, td.DataHeaderLeft > a.ButtonSmall:hover { background-color: #0c90b1; color: #fff; }
.RedHover:hover, .RedHover:link:hover { background-color:#c00; color:#fff;}

.NavBarButton1 { font-size: 11pt; line-height:1em; background-color: #0c90b1; color: #fff; height: 22px; margin-top:0px; margin-bottom:4px; margin-left:3px; margin-right:3px; vertical-align:middle;}
.NavBarButton1:hover, .DataRowDividerRow > a.ButtonSmall:hover { background-color: #0a0; color: #fff; }

.ButtonInactive {background-color: rgb(221, 221, 221); }
.ButtonGreen {color: #fff; background-color: green; }

/*FAIcon Button Styles*/
.FAIconActionButton, .FAIconActionButton:link { color:#707070; text-decoration:none;}
.FAIconActionButton:hover {color: #0c90b1;}
.FAIconRedHover:hover, .FAIconRedHover.RedHover:link:hover {color:#c00;font-weight:bolder;}
/* HoverMenuButtons */
.HoverMenuContainer { position: relative; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
.HoverMenuButton, .HoverMenuButton button { background-color: #eee; color: #707070; padding: .25em .5em .25em .5em; font-size: 1em; border: none; outline: none;}
.HoverMenuContent { display: none; position: absolute; background-color: #f1f1f1; width: 100%; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; }
.HoverMenuContent a { color: black; padding: 12px 16px; text-decoration: none; display: block; border-bottom: 1px solid #ccc;}
.HoverMenuContent a:last-of-type { border-bottom: none; }
.HoverMenuContent a:hover { background-color: #ddd; }
.HoverMenuContainer:hover .HoverMenuContent { display: block; }
.HoverMenuContainer:hover .HoverMenuButton { background-color: #0c90b1; color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) }
/*Image Styling*/
.ThumbnailImage { width: 178px; height: 100px; object-fit: cover; }
/*Some Common Object Styles*/
.EditRecordHighlight {border: solid 2px #069; background-color:#9cf;}
.EditRecordHighlight2 {border: solid 2px #900; background-color:#f99;}

/*Some Common Container Styles:*/
.LargeCenteredContainer { margin: 20px; text-align: center; font-size: 1.8em; } /*Used in Spotlight Popups to make bigger content*/


/* used in header*/
.IntranetPageTitle { margin-left:10px;}
.IntranetPageTitle {font-size: 28px; color: #000066; font-style: normal; margin-top: 6px; margin-bottom:3px; }

.PageTitle {font-size: 20px; color: White; font-style: normal; padding-top: 5px; padding-bottom:5px; padding-left:10px; background-color:#a21A24;}
.BackButton {display:inline-block; text-align:center; background-color:#069 ;  cursor:pointer; color:#fff; font-weight:200; width:1.5em; margin-right:.25em; margin-left:-1em;}

.PageNameCell .PageTitlex {color:#069; background-color:initial; } /*So that this still looks good in the old layout and on the login page*/

.HeaderTable {border: #ddd 3px solid;border-STYLE: none;width: 100%;background-color: #ddd;}
.HeaderTable .NavBar {color: #fff;background-color: #006699;text-align: right;padding: 5px;}
.HeaderTable .NavBar P {FONT-WEIGHT: normal;FONT-SIZE: 9pt;color: #fff;FONT-FAMILY: Arial, Helvetica, sans-serif;text-align: right;margin-top:0px; margin-bottom:0px;}
.HeaderTable .NavBar A:link {color: #fff}
.HeaderTable .NavBar A:active {color: #ff0000;TEXT-DECORATION: underline}
.HeaderTable .NavBar A:visited {color: #fff;TEXT-DECORATION: underline}
.HeaderTable .NavBar A:hover {color: #FFA500;TEXT-DECORATION: underline}

TR.HeaderRow { border-style: none; padding: 2px; background-color: #dddddd; }
TD.LogoCell { border-style: none; padding: 3px; FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: right; vertical-align: top; }
TD.PageNameCell { border-style: none; padding: 3px; padding-left: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left; vertical-align: top; }
TD.UserInfo { border-style: none; padding: 3px; FONT-WEIGHT: normal; FONT-SIZE: 10px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: right; vertical-align: top; }

.DividerRow, .DividerRowBody_Cancelled, .DividerRowBody_No_Result, .DividerRowBody_Adverse, .DividerRowBody_Clear {padding: 5px; font-size: 14px; color: #fff; font-weight:normal; font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; background-color: #0c90b1; text-align: Left; vertical-align: middle;}
.DividerRowBody_Cancelled, .DividerRowBody_Cancelled a:link, .DividerRowBody_Cancelled a:visited, .DividerRowBody_Cancelled a:hover {background-color:#069;color:#fff;}
.DividerRowBody_No_Result, .DividerRowBody_No_Result a:link, .DividerRowBody_No_Result a:visited, .DividerRowBody_No_Result a:hover {background-color:#fc0;color:#fff;}
.DividerRowBody_Adverse, .DividerRowBody_Adverse a:link, .DividerRowBody_Adverse a:visited, .DividerRowBody_Adverse a:hover {background-color:#c00;color:#fff;}
.DividerRowBody_Clear, .DividerRowBody_Clear a:link, .DividerRowBody_Clear a:visited, .DividerRowBody_Clear a:hover {background-color:#4cbb17;color:#fff;}

    .DividerRow a:link, .DividerRow a:visited { color:#fff;}
    .DividerRow a:hover { color:#F7d358;}
    .DividerRow .ActionButton, .DividerRow  a.ActionButton { color:#333;}
    .DividerRow  a.ActionButton:hover { background-color:#069; color:#fff;}
/* Data Row Elements - RG Moved Higher in CSS File so additional styles will over ride these base styles*/
    .BodyTableContainer {border-left:2px solid #ddd; border-right:2px solid #ddd; width:100%;}
    .BodyTableContainer {border-left:0px; border-right:0px; width:100%;}
/* Orig:
    .DataRow {clear:both;margin:0px;padding:0px;font-size: 12px; color: #333; margin-bottom:-1px;overflow:initial;background:none; display:table; width:100%;}
    .DataRowTitle {font-weight: normal; float:none;width:135px; text-align:right;vertical-align:top;padding:5px 5px 5px 5px; min-height:16px; 
                   font-family: 'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;background-color:#eee;display:table-cell;
                   border:1px solid #ddd;}
    .DataRowBody { padding: 5px 5px 5px 5px; min-height: 16px; font-size: 9pt; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; display: table-cell; float: none; background-color: #fff; }
    .DataRowDividerRow {clear:both;float:none;font-weight: normal; font-size:14px; vertical-align:middle;padding:5px 5px 5px 5px; min-height:16px; color:#fff; background-color: #0c90b1; border:1px solid #0c90b1;}
*/
.DataRow { clear: both; margin: 0px; padding: 0px; overflow: initial; background: none; display: table; width: 100%; border-bottom: 1px solid #ccc; }
.DataRow:last-of-type { border-bottom: none } /*Removes the last underline on embedded data rows*/
.DataRowTitle {width: 135px; text-align: left; vertical-align: top; padding: 5px 5px 5px 5px; min-height: 16px; display: table-cell;}
.DataRowBody { padding: 5px 5px 5px 5px; min-height: 16px; display: table-cell;}
.DataRowDividerRow { clear: both; float: none; font-weight: normal; font-size: 14px; vertical-align: middle; padding: 5px 5px 5px 5px; min-height: 16px; color: #fff; background-color: #0c90b1; border: 1px solid #0c90b1; }


.LinedList { clear: both; margin: 0px; padding: 0px; overflow: initial; background: none; width: 100%; border-bottom: 1px solid #ccc; }
.LinedList:last-of-type { border-bottom: none } /*Removes the last underline on embedded data rows*/


.UL_Divider_List, ul .UL_Divider_List { display: inline; list-style: none; margin-left: 0; padding-left: 0; }
.UL_Divider_List > li { border-left: 1px solid #d1d1d5; display: inline; padding: 0 6px; }
.UL_Divider_List > li:first-child { border-left: 0; padding-left: 0; }

 /*For floating containers of Compact DataRows*/
    .FloatBlock {float:left;width:300px;margin-right:5px; }
        .FloatBlock .DataRowTitle { width:75px;}



/* The Main Body Table */
    .BodyTable {border: #dddddd 3px solid;padding: 0px;width: 100%;background-color: #dddddd;border-collapse: collapse;}
    .BodyTable TD {border: #dddddd 1px solid;padding: 5px;border-collapse: collapse;}
    .BodyTable .DividerRow {border: #dddddd 1px solid; border-collapse: collapse; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; color: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color: #eeeeee; text-align: Left; vertical-align: top;}
    

    .BodyTable .RowBody, .BodyTable  .RowBody_Cancelled, .BodyTable  .RowBody_No_Result, .BodyTable  .RowBody_Adverse, .BodyTable  .RowBody_Clear {border: #dddddd 1px solid; border-collapse: collapse; padding: 5px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; color: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; vertical-align: top;}
    .BodyTable .RowBody_Cancelled {background-color:#069;}
    .BodyTable .RowBody_No_Result {background-color:#fc0;}
    .BodyTable .RowBody_Adverse {background-color:#c00;}
    .BodyTable .RowBody_Clear {background-color:#4cbb17;}

    .BodyTable .DividerRow {border: #dddddd 1px solid; border-collapse: collapse; padding: 5px; font-size: 14px; color: #fff; font-weight:normal; font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; background-color: #0c90b1; text-align: Left; vertical-align: middle;}
    .BodyTable .DividerRow a {color:#fff;}
        .BodyTable .DividerRow .RedText { background-color:#c00; color:#fff; padding:2px;}



/* Display of Data Tables with no border */
    .DataTable {border: #ff0000 0px solid; border-collapse: collapse;text-align: left;vertical-align: top;background-color: #fff;}
    .DataTable th {border: #fff 2px solid; padding: 5px; border-collapse: collapse; background-color: #eee; margin:2px;}
    .DataTable td {border: #fff 3px solid;padding: 5px;border-collapse: collapse;text-align: left;vertical-align: top;}
    .DataTable .DataHeaderErrorRight { border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: right;color: #fff;}
    .DataTable .DataHeaderErrorLeft {border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: left;color: #fff;}
    .DataTable .DataHeaderErrorCenter {border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: center;color: #fff;}
    .DataTable .DataErrorLeft {border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: left;vertical-align: top;color: #fff;}
    .DataTable .DataErrorLeft A:link {color: #fff}
    .DataTable .DataErrorLeft A:visited {color: #fff}
    .DataTable .HighlightRowRed {background-color: #ffeeee;border: #fff 3px solid;}

/* Display of Data Tables with border (DATAGRID) */
    .DataGrid {width: 100%;border: #ddd 1px solid;border-collapse: collapse;text-align: left;vertical-align: top;background-color: #fff; width:initial;}
    .DataGrid th {border: #ddd 1px solid; padding: 5px; border-collapse: collapse; background-color: #eee;}
    .DataGrid tr {background-color: #fff;}
    .DataGrid td {border: #ddd 1px solid; border-collapse: collapse; padding:5px; margin:0px;border-spacing:0px;vertical-align: top;}
    .DataGrid .DataErrorLeft {background-color: #CC0000;text-align: left;vertical-align: top;color: #fff;}
    .DataGrid .DataErrorLeft A:link {color: #fff}
    .DataGrid .DataErrorLeft A:active {color: #fff}
    .DataGrid .DataErrorLeft A:visited {color: #fff}
    .DataGrid .DataErrorLeft A:hover {color: #ff9900}
    .DataGrid .DataHeaderErrorRight {border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: right;color: #fff;}
    .DataGrid .DataHeaderErrorLeft {border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: left;color: #fff;}
    .DataGrid .DataHeaderErrorCenter {border: #dddddd 1px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: center;color: #fff;}

/* Display of Data Tables with no border */
.DataTableCollapse {border: #ff0000 0px solid;border-collapse: collapse;text-align: left;vertical-align: top;}
.DataTableCollapse th {border: 1px solid #ddd; padding: 5px; border-collapse: collapse; background-color: #eee; margin:2px;}
.DataTableCollapse td {border: 1px solid #ddd; padding: 5px; border-collapse: collapse;}
.DataTableCollapse .HighlightRowRed {background-color: #ffeeee;border: 1px solid #ddd;}

/* Display of Tight Data Tables with no border */
.TightDataTable {width: 100%; border: #ff0000 0px solid; border-collapse: collapse;	text-align: left; vertical-align: top; background-color: #fff;}
.TightDataTable td {border: #ff0000 0px solid; border-collapse: collapse; padding: 0px; text-align: left;vertical-align: top;}
.TightDataTable .DataHeaderErrorRight {border: #fff 3px solid;padding: 0px;border-collapse: collapse;background-color: #CC0000;text-align: right;color: #fff;}
.TightDataTable .DataHeaderErrorLeft {border: #fff 3px solid;padding: 0px;border-collapse: collapse;background-color: #CC0000;text-align: left;color: #fff;}
.TightDataTable .DataHeaderErrorCenter {border: #fff 3px solid;padding: 0px;border-collapse: collapse;background-color: #CC0000;text-align: center;color: #fff;}
.TightDataTable .DataErrorLeft {border: #fff 3px solid;padding: 0px;border-collapse: collapse;background-color: #CC0000;text-align: left;vertical-align: top;color: #fff;}
.TightDataTable .DataErrorLeft A:link {color: #fff}
.TightDataTable .HighlightRowRed {background-color: #ffeeee; border: #fff 3px solid;}


.SmallTable, .SmallTable td {border: #dddddd 1px solid;border-collapse: collapse;text-align: left;vertical-align: top;padding:5px;}

/*Some Shared Elements*/
.BodyTable .RowTitle, .DataGrid .RowTitle, .RowTitle, .RowTitleIncludeBGColor { border: #ddd 1px solid; border-collapse: collapse; padding: 5px; font-size: 12px; width: 135px; color: #000; background-color: #eee; text-align: right; vertical-align: top; font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; }
.DataTable .RowTitle {border: #ddd 1px solid;border-collapse: collapse;padding: 5px;font-size: 11px;width: auto;color: #000;background-color: #eee;text-align: right;vertical-align: top;}
.RowTitleSubTitle { font-weight:normal; font-size:.9em;} /*SubTitles for WriteRow()*/
.RowBody > .RowTitle { background-color:#fff; font-size:8pt; } /*For a few calls for inline labels with bold font*/
.LabelCustomText {background-color:White; font-style:italic;}
.LabelCustomText:Hover {cursor:default; background-color:#ddd;}

.TightLightTable, .TightLightTable > td {background-color: #eeeeee; border: #eeeeee 0px solid; border-collapse: collapse; text-align: left; vertical-align: top; padding:0px;}
.TightLightTable td > .BodyTable {border-width:1px;}

    .DataTable.Center, .DataGrid.Center, .DataTableCollapse.Center, .TightDataTable.Center, .TightLightTable.Center, .SmallTable.Center { margin:0px auto;}
/* Generic Table Cells */

.DataLeft, td.DataLeft{text-align: left;vertical-align: top;}
.DataRight, td.DataRight{text-align: right;vertical-align: top;}
.DataCenter, td.DataCenter {text-align: center; vertical-align: top; }

.DataHeaderLeft, .DataHeaderRight, .DataHeaderCenter, .ArrowTable td { background-color: #eee;color: #707070; font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;}
.DataHeaderLeft {text-align: left !important; vertical-align: middle !important;}
.DataHeaderRight {text-align: right !important; vertical-align: middle !important;}
.DataHeaderCenter {text-align: center !important; vertical-align: middle !important;}
.DataHeaderErrorRight{background-color: #c00;text-align: right;color: #fff; vertical-align: middle !important;}
.DataHeaderErrorLeft{background-color: #c00;text-align: left;color: #fff; vertical-align: middle !important;}
.DataHeaderErrorCenter{background-color: #c00;text-align: center;color: #fff; vertical-align: middle !important;}



.DataErrorLeft{border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #CC0000;text-align: left;vertical-align: top;color: #fff;}
.DataErrorLeft A:link {color: #fff}
.DataErrorLeft A:visited {color: #fff}


tr.DataHeaderRow
{
    background-color: #eeeeee
}

/* Display of Column Sort Arrows */
    .ArrowTable {border:none;border-collapse: collapse;border-spacing: 0;padding: 0px; background-color:inherit}
    .ArrowTable table {border:none;border-collapse: collapse;border-spacing: 0;padding: 0px;}
    .ArrowTable td {border: none;padding: 0px;border-collapse: collapse;text-align: left;border-spacing: 0;}
    .ArrowTable .ArrowColumn {width:16px;}
    .ArrowTable .ArrowDataHeader {padding:3px; vertical-align:middle;}
    /*Attempt at doing this with DIVs:
    .ArrowDiv { width:100%; height:100%; min-height:32px;}
    .ArrowContainer{float:left;height:32px; width:16px;margin:2px;}
    .ArrowTitleContainer{display:table-cell;vertical-align:middle; height:32px;}
    */
/* used in footer*/

.FooterBar {width: 100%;background-color:#ddd;color:#333; display:block;padding:3px;margin:0px;position:fixed;bottom:0;}
.FooterBarSpacer {height:32px; }
.CopyrightText, .TermsOfUseText, .PageGenerationTimeText { font-family: ''Raleway', 'Open Sans', HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 12px; color: #707070; }
.PageGenerationTimeText { text-align: right; float:right;vertical-align:top; padding-left:20px;}
.TermsOfUseText {text-align:center;}

/* depricated Footer CSS
.FooterTable { border: #dddddd 3px solid; padding: 2px; width: 100%; border-collapse: collapse; background-color: #dddddd; border-spacing: 0; color: #333333; }
.FooterTable, .FooterTable td, .CopyrightText, .TermsOfUseText, .PageGenerationTimeText{font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#707070;}
*/

/*Pool Status Cells*/
.ActivePoolStatus {background-color: green; border: #dddddd 1px solid; color: #fff;padding:3px;}
.TerminatedPoolStatus {background-color: red; border: #dddddd 1px solid; color: #fff;padding:3px;}
.PendingPoolStatus {background-color: orange; border: #dddddd 1px solid; color: #fff;padding:3px;}
.ActivePoolStatus a, .PendingPoolStatus a, .TerminatedPoolStatus a, .RedBlockText a, .ErrorText a {color: #fff;}
.ActivePoolStatus a:hover, .PendingPoolStatus a:hover, .TerminatedPoolStatus a:hover, .RedBlockText a:hover, .Error_Text a {color: gold;}

.RedBlockText {background-color: #c00; color: #fff; padding: 1px; line-height: 100%; padding:3px;}
.ErrorText {background-color: #c00; color:#fff; padding:2px; margin-bottom:2px;}


.Document { border: #fff 3px solid; padding: 5px; border-collapse: collapse; background-color: #c5e0f0; text-align: left; color: #000000; vertical-align: top; }
.NegativeResult {background-color: green; border: #dddddd 1px solid; color: #fff;padding:3px;}
.NegativeResult a {color: #fff;}
.PositiveResult {background-color: Red; border: #dddddd 1px solid; color: #fff;padding:3px;}
.PositiveResult a {color: #fff;}
.CanceledResult {background-color: #002957; border: #dddddd 1px solid; color:#fff;}
.HideResult {background-color: Gray; border: #dddddd 1px solid; color:#fff;}
.SentToLab {background-color: #0033FF; border: #dddddd 1px solid; color:#fff;}
.OtherResult {background-color: blue; border: #dddddd 1px solid; color: #fff;}
.Warning {background-color: yellow; border: #dddddd 1px solid; color: #fff;}
.SecurityTemplate, .SecurityTemplate a {background-color: green; border: #dddddd 1px solid; color: #fff;padding:3px;}
.BasedOnSecurityTemplate, .BasedOnSecurityTemplate a {background-color: #002957; color:#fff;padding:3px;}
.InactiveSelection, .InactiveSelection .DataRowBody {background-color:#eee;color:#999;} /*for data points that are available but aren't currently valid*/
    .InactiveSelection .DataRowTitle { background-color: #ddd; border: 1px solid #ccc; } /*Darkens DRTitles when inactive*/

.WarningBlackText {BACKGROUND-COLOR: yellow; BORDER: #dddddd 1px solid; COLOR: #000000;}



/* RG: 3/9/22: I don't think this is used anywhere:
.note_text, .note_text_last { background-color: #ffffcc; color: #000000; }
.note_text_last { display: inline-block; padding: 0px 5px 0px 5px; }
*/
.RedText {color:#cc0000;}
.RedText a {color:#cc0000;}

.DividerBar { color:#fff; background-color: #006699; text-align:left; margin-bottom:8px; padding:5px;}
.DividerBar a {color:#fff;}


.lh {vertical-align:top; top:-28px;position:relative;width:575px;border:none;}
.NewsItem {}
.NewsItem a {text-decoration:none;}
.NewsItem table {border:none;}
.NewsItem td {border:none;}
.j {vertical-align:top;}
.j a {text-decoration:underline;}

.ClockedIn {background-color: #cccccc; color:#000000; padding:2px; margin-bottom:2px;}
.ClockedOut {background-color: #cc0000; color:#fff; padding:2px; margin-bottom:2px;}
.ClockedOut a {text-decoration:underline; background-color: #cc0000; color:#fff; padding:2px; margin-bottom:2px;}
.TimeLogText {background-color: #cccccc; color:#000000; padding:2px; margin-bottom:0px;}

.SectionTitle {}
.SectionBody {}
.SectionDividerBar { background-color: #0c90b1; color: #fff; padding:4px; margin-bottom:8px; font-size:1.75em;}

.Calendar {border: #aaaaaa 1px solid; width: 100%;background-color: #004080;border-collapse: collapse; padding:10px;}
.CalendarHeader {border: #aaaaaa 1px solid;border-collapse: collapse;padding: 2px;FONT-WEIGHT: bold;FONT-SIZE: 16px;color: #fff;FONT-FAMILY: Arial, Helvetica, sans-serif;background-color: #3a5e9a;text-align: center;vertical-align: middle;width: 12%;HEIGHT: 20px;}
a.CalendarHeader:link {color: #fff;padding: 0px;border: 0px}
a.CalendarHeader:visited {color: #fff;padding: 0px;border: 0px}
a.CalendarHeader:hover {color: #FF9900;padding: 0px;border: 0px}
.CalendarDayHeader {border: #aaaaaa 1px solid;border-collapse: collapse;padding: 2px;FONT-WEIGHT: bold;FONT-SIZE: 11px;color: #fff;FONT-FAMILY: Arial, Helvetica, sans-serif;background-color: #888888;text-align: center;vertical-align: top;width: 12%;HEIGHT: 20px;}
.CalendarDay {border: #aaaaaa 1px solid;border-collapse: collapse;padding: 2px;background-color: #eeeeee;text-align: left;vertical-align: top;width: 12%;}
.CalendarDayNumber {FONT-WEIGHT: bold;FONT-SIZE: 15px;color: #3a5e9a;FONT-FAMILY: Arial, Helvetica, sans-serif;text-align: left;vertical-align: top}
.CalendarEvent {padding: 4px;background-color: #dddddd;FONT-WEIGHT: normal;FONT-SIZE: 11px;color: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;text-align: left;vertical-align: top}
.CalendarMyEvent {padding: 4px;background-color: #3a5e9a;FONT-WEIGHT: normal;FONT-SIZE: 11px;color: #fff;FONT-FAMILY: Arial, Helvetica, sans-serif;text-align: left;vertical-align: top}
a.CalendarMyEvent:link {color: #fff;padding: 0px}
a.CalendarMyEvent:visited {color: #fff;padding: 0px}
a.CalendarMyEvent:hover {color: #FF9900;padding: 0px}
.CalendarToday {border: #aaaaaa 1px solid;border-collapse: collapse;padding: 4px;FONT-SIZE: 11px;color: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;background-color: #fff;text-align: left;vertical-align: top;}
.CalendarTextArea {border: #aaaaaa 1px solid;border-collapse: collapse;padding: 2px;FONT-WEIGHT: normal;FONT-SIZE: 11px;color: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;background-color: #eeeeee;text-align: left;vertical-align: top; width:250px;HEIGHT:100px;}


a.info td { position: relative; /*this is the key*/ z-index: 24; background-color: #ccc; color: #000; text-decoration: none }
a.info:hover { z-index: 25; background-color: #ff0 }
a.info span { display: none }
a.info:hover span { /*the span will display just on :hover state*/ display: block; position: relative; top: 20px; left: 5px; width: 200px; border: 1px solid #0cf; background-color: #cff; color: #000; text-align: left }

/* .div1 {position:absolute;top:100px;left:500px;visibility:visible;z-index:5} */
.HighLightCharacter { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: 1; color: black; }
.HighLightVisible { position: absolute; visibility: visible; z-index: 10; font-family: monospace; font-size: 80px; font-weight: bold; color: yellow; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; }
.HighLightCharacter1 { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: 1; color: silver; }
.HighLightVisible1 { position: absolute; visibility: visible; z-index: 10; font-family: monospace; font-size: 80px; font-weight: bold; color: silver; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; }
.HighLightCharacter2 { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: 1; color: blue; }
.HighLightVisible2 { position: absolute; visibility: visible; z-index: 10; font-family: Arial; font-size: 64px; font-weight: bold; color: blue; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; }

.VideoBlock {display:block; min-height:90px; margin-bottom:10px; text-align:center; padding:5px;border-bottom: 1px solid #ccc;}
.VideoName {margin:auto;position:relative;font-size:28px; max-width:600px;}
.VideoSeason {font-size: 12px; color: #666666; background: #fff; font-weight:bold;}
.VideoDescription {margin:auto;position:relative;font-size: 15px; font-weight: normal ; color: #000000; max-width:600px;}
.YouTubeThumbnailContainer { float: left; position: relative; overflow: hidden; height: 80px; width: 145px; border: 1px solid #000000 }
.YouTubeThumbnailImage { position: relative; top: -13px; height: 106px; width: 145px; }
.YouTubeSmallThumbnailContainer { float: left; position: relative; overflow: hidden; height: 40px; width: 72px; }
.YouTubeSmallThumbnailImage { position: relative; top: -26px; }


.RedBlock, a.RedBlock { font-weight: bold; font-size: 12px; color: White; background-color: red; padding: 2px 2px 2px 2px; line-height: 18px; border: 2px solid white; border-width: 2px 4px 2px 4px; white-space: nowrap; }
.RedBlockBig { font-weight: bold; font-size: 30px; color: White; background-color: red; padding: 20px 5px 20px 5px; line-height: 94px; border: 10px solid white; }
.RedBlock, span.RedBlock { cursor: pointer; }
span.RedBlock:hover { color: White; background-color: darkred; }


.HelpText {color:#090;}
.HighlightText { background-color:yellow; padding:2px;}
.WarningText {color:#000; background-color:#bebd7f; padding:2px;}
.ErrorMessage { background-color: red; color: #fff; padding: 2px; /*RG: 6/5/2019 trying this:*/ padding: 15px; margin-bottom: 15px; }
.ErrorMessage a {color: #fff;}
.NotificationMessage {background-color: green;color: #fff; padding:2px;}
.NotificationMessage a {color: #fff;}
.WarningMessage { background-color: #ffcc00; color: #c00; padding: 2px; }
.WarningMessage a {color: #c00;}
.WarningMessage a:hover {color: #F00;}
.NoteText {background-color: #ffffcc;color: #000000; padding:2px;}

.HighlightGood, .HighlightGood .DataRowBody {background-color:#dfd; }
.HighlightWarning {background-color:#bebd7f; }
.BigStrong { font-size:1.1em;font-weight:700; }

/*more padding if you style a datarowbody element with these:*/
.DataRowBody.WarningText, .DataRowBody.ErrorMessage, .DataRowBody.NotificationMessage, .DataRowBody.WarningMessage, .DataRowBody.NoteText {padding:5px; }


.IO_Team { padding:3px; width:100px; color:#000; background-color:#e5e4e2;margin-bottom:2px;}
    .IO_Team.Gold_Team { background-color:gold;}
    .IO_Team.Silver_Team { background-color:#ccc; color:#333;}
    .IO_Team.Red_Team { background-color:#c00; color:#fff;}
    .IO_Team.Blue_Team { background-color:#09f; color:#fff;}
    .IO_Team.Green_Team { background-color:#060; color:#fff;}
    .IO_Team.Purple_Team { background-color:purple; color:#fff;}
    .IO_Team.Leadership_Team { background-color:orange; }
    .IO_Team.Shared_Team { background-color: pink; color:#c00; }
.IO_Team:hover { background-color: #0c90b1; color: #fff; cursor:pointer; }

.SectionTitleBar{border:none;padding:10px;font-size:12px;text-transform:uppercase;color:#fff;background-color:#069;text-align:center;}

/*Spotlight PopUp Classes*/
.SpotlightPopUpBoxBackground { display: block; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: black; z-index: 100; opacity: .70;}
.SpotlightPopUpBox { display: none; position: fixed; width: 80%; height: 75%; background: #fff; left: 10%; top: 12%; z-index: 1001; -moz-box-shadow: 0 0 5px #ff0000; -webkit-box-shadow: 0 0 5px #ff0000; box-shadow: 0 0 5px grey; max-height: 75%; border: 3px solid #069; overflow: hidden; }
.SpotlightPopUpBoxHeader { position: fixed; display: block; _position: absolute; width: 80%; height: 1.8em; left: 10%; top: 12%; z-index: 1002; margin-top: -1.8em; padding: 0px; max-height: 75%; border: 3px solid #069; overflow-y: hidden; background-color: #069; font-size: 20px; color: #fff; text-align: center; font-family: 'HelveticaNeue-Light','Segoe UI Light','Segoe UI','Roboto',Verdana,Arial,Helvetica,sans-serif; }
.SpotlightPopUpBoxContent { overflow-x: hidden; overflow-y: scroll; background-color: #fff; -webkit-overflow-scrolling: touch; position: relative; border: none; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; z-index: 3; }
.SpotlightPopUpBoxCloseButton { margin-top: 1px; width: 1.6em; height: 1.6em; padding:.15em; left: 2px; top: 1px; position: absolute; cursor: pointer; z-index: 1002; color: #fff; font-size: 20px; line-height: 20px;}
.SpotlightPopUpBoxCloseButton:hover {background-color:#fff;color:#c00;}
/*OverlayLayer Classes*/
.LayerDivContent {position:absolute;top:47px;bottom:0;left:0;right:0 }
/*Some Container Classes*/
.SpotlightPopUpCloseButtonContainer, .OverlayLayerCloseButtonContainer { text-align: center; padding: 20px; }
.PaddedContainer20, .SpotlightPopUpContentContainer, .OverlayLayerContentContainer { padding: 20px; }
/*IO Mods*/
.SpotlightPopUpBox { border: 3px solid #383; }
.SpotlightPopUpBoxHeader { border: 3px solid #383; background-color: #383; }


div.CDPanelShowLink, div.CDPanelHideLink, div.CDPanelBigBlueShowLink, div.CDPanelBigBlueHideLink { background-color: #E6E6E6; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: black; font-family: 'Verdana'; font-size: 11px; line-height: 18px; text-decoration: none; cursor: pointer; border: none; vertical-align: text-bottom; float: left; padding: 2px 20px 2px 5px; white-space: nowrap; }
div.CDPanelBigBlueShowLink, div.CDPanelBigBlueHideLink { background-color: #0c90b1; color: white; font-size: 14px; line-height: 21px; }

div.CDPanelShowLink:hover, div.CDPanelHideLink:hover { background-color: silver; }
div.CDPanelBigBlueShowLink:hover, div.CDPanelBigBlueHideLink:hover { background-color: #069; }
div.CDPanelShowLink div.Title2, div.CDPanelHideLink div.Title2 { font-size: 20px; font-weight: bold; padding: 1px 15px 1px 0px; }

div.CDPanelParent { background-color: #E6E6E6; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: black; text-decoration: none; border: none; vertical-align: middle; float: left; padding: 0px 0px 0px 0px; }

span.CDPanelDataToTheRight_InsideThePanel { display: flex; vertical-align: text-bottom; font-family: 'Verdana'; font-size: 11px; line-height: 18px; float: left; padding: 2px 0px 2px 0px; }
span.CDPanelDataToTheRight_OutsideThePanel { vertical-align: text-bottom; padding: 2px 2px 2px 0px; }
div.CDPanelRowEnd { float: none; line-height: 12px; }
img.IconEffect { vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 5px; }
    img.IconEffect:hover { background: lightblue; box-shadow: 0px 0px 5px blue; -webkit-box-shadow: 0px 0px 5px blue; -moz-box-shadow: 0px 0px 5px black;}
    img.IconEffect:active { background: lightblue; box-shadow: 0px 0px 10px blue; -webkit-box-shadow: 0px 0px 10px blue; -moz-box-shadow: 0px 0px 10px blue;}


td.DividerRow a:hover { color: Black; }

td.DividerRow .ButtonSmall {color:black; background-color:#ddd; margin:0px 0px 0px 0px;}
td.DividerRow .ButtonSmall:hover {background-color:#eee;}
td.DividerRow .Button1:hover, td.DividerRow .Button1s:hover {background-color: #069; color:white;}


.DropDownPopUp_Container {border: 2px solid #0c90b1; border-right-width:0px; padding: 0px 0px 0px 0px; margin:0px; display:inline-block; }
.DropDownPopUp_Container:not(.NoHover):hover {border-color:#2d4373;}
.DropDownPopUp_Selected_Display { padding: 1px 10px 1px 2px; margin:0px; display:inline-block; }
.DropDownPopUp_Button {margin-left: 2px; padding: .25em .5em .25em .5em; font-size: 1em; background-color: #0c90b1; color: #fff; text-decoration:none;}
.DropDownPopUp_Button:not(.NoHover):hover {background-color:#2d4373;}
.DropDownPopUp_Button:not(.NoHover):hover .DropDownPopUp_Container {background-color:#2d4373;}

.DropDownSeparator {font-size: 1px;	background-color: grey;}
.DropDownSubSeparator {font-size: 1px;	background-color: lightgrey;}

/*Test Result Status*/
.TestResultStatusName {background-color:#0c90b1; padding: 2px 5px 2px 5px; margin:0px; display:inline-block; color:#fff;}

/*MainMenu Stuff*/
.SideBarBlock, .SideBarBlockWithHover { text-align:center;background-color:#e0e4e7;padding:8px;line-height:1.8em;font-size:1.2em;transition:all .1s; margin-bottom:8px;}
.SideBarBlock a, SideBarBlockWithHover a { text-decoration:none;}
.SideBarBlockWithHover {cursor:pointer;}
    .SideBarBlockWithHover:hover { background-color:#fff;}

/*Dashboard Status -- Note: NoHover additional class will cause hover to not apply, CSS3 not directive:*/

.DashboardStatusContainer{background-color:#fff;color:#fff; display:inline-block;padding:0px;zoom:1; *display:inline;}
.DashboardStatusItem{min-width:100px;max-width:130px;min-height:45px; background-color:#0c90b1; padding:10px; margin:8px; display:inline-block; float:left; zoom:1; *display:inline; color:#fff;font-family:'Source Sans Pro', Geneva, Arial, Helvetica, sans-serif;}

.DashboardStatusItem:not(.NoHover):hover { background-color: #069; }    
.DashboardStatusItem.Highlight{background-color:#c00;}
.DashboardStatusItem.Highlight:not(.NoHover):hover {background-color:#a00;}
.DashboardStatusItem.Selected {background-color:#0a0;}
.DashboardStatusItem.Selected:not(.NoHover):hover {background-color:#080;}
a.DashboardStatusItem:link {color:#fff;}
a.DashboardStatusItem:visited {color:#fff;}
.DashboardStatusNumber{font-size:30px;text-align:center;font-weight:700; line-height:28px;padding-left:30px;}
.DashboardStatusName{margin-top:1px;text-align:center;font-size:12px;font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; line-height:24px;vertical-align:middle;margin-bottom:-10px;min-height:24px;}
.DashboardStatusName > span {line-height:12px;display:inline-block;vertical-align:middle;padding-bottom:4px;}
.DashboardStatusIcon{float:left;}
.DashboardStatusItemDivider{background-color:#bbb;color:#fff;width:10px;height:20px;float:left;margin-top:20px;padding:5px;padding-top:12px;padding-bottom:12px;}
#cssmenu .DashboardStatusItem{width:120px;}
#cssmenu .DashboardStatusContainer{width:155px;}

.DashboardButton { margin: .25em; padding: .5em 1em .5em 1em; font-size: 1.25em; background-color: #0c90b1; color: #fff; font-family: 'HelveticaNeue-Light','Segoe UI Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; border: none; min-height: 2em; vertical-align: middle; cursor: pointer; }
    .DashboardButton:hover { background-color: #069; color: #fff; }

/*FALink*/
.FALinkTile{border: 1px solid #ddd; background-color:#eee; color:#333; padding:0px 0px 0px 0px; margin-right: 10px; display:inline-block; float:left; zoom:1; *display:inline; font-family:'Source Sans Pro', Geneva, Arial, Helvetica, sans-serif; margin-bottom:10px;min-width:250px;}
.FALinkTileDisplayText{font-size:16px; line-height:16px; min-height:18px; margin:0px 0px 5px 0px; padding: 5px; text-align: left; vertical-align:middle; font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;background-color:#ddd;}
.FALinkTileIcon{float:left; padding:5px; line-height: 16px;color:#333;font-size:1.4em;}
.FALinkTileItemList{background-color:#eaeef0; padding:0px; margin: 0px; display:inline-block; float:none; zoom:1; *display:inline; color:#fff; font-family:'Source Sans Pro', Geneva, Arial, Helvetica, sans-serif; width:100%;}
.FALinkTileItem{line-height: 20px; margin:0px; float:none; padding:5px;width:100%;}

.FALink{background-color:#eee; padding:1px 15px 2px 5px; margin-right: 5px; display:inline-block; float:none; zoom:1; *display:inline; color:#333; font-family:'Source Sans Pro', Geneva, Arial, Helvetica, sans-serif;}

.FALink:not(.NoHover):hover { background-color: #ddd; color:#333; }    
.FALink.Small {background-color:#0c90b1; padding:1px 12px 1px 2px; margin-right: 2px;}
.FALink.Small:not(.NoHover):hover {background-color:#069;}
.FALink.Medium {background-color:#0c90b1; padding:5px 20px 4px 6px; margin-right: 8px;}
.FALink.Medium:not(.NoHover):hover {background-color:#069;}
a.FALink:link {color:#fff;}
a.FALink:visited {color:#fff;}
.FALinkValue{font-size:15px;text-align:center;font-weight:700; line-height:18px;padding-left:10px;}
.FALinkDisplayText{margin:0px 3px; text-align:center; font-size:12px; font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; line-height:12px; vertical-align:top; min-height:12px; padding: 1px 0px 1px 0px;}
.FALinkDisplayText > span {line-height:12px;display:inline-block;vertical-align:middle;}
.FALinkIcon{float:left; padding:1px 3px 0px 0px; line-height: 12px;}
/*General Formatting Modifiers*/
.Indent1 { margin-left:10px;}
.Indent2 { margin-left:20px;}
.MarginTop1 { margin-top:10px;}
.MarginBottom1 { margin-bottom:10px;}
.Large {font-size:12pt; }
.Wide { width:100%;}
.CategoryHeader { color:#555;}

/*Hover Data Display*/

.HoverDataToggle span.NoShow {display:none;}
.HoverDataToggle:hover span.NoShow {display:inline;}
.HoverDataToggle:hover span.Show {display:none;}

/*Hover Buttons*/
.HoverVisibleContainer { }
.HoverVisible { visibility: hidden; margin-bottom: -10px; }
.HoverVisibleContainer:hover .HoverVisible, .HoverVisibleContainer:active .HoverVisible, .Note:hover .HoverVisible, .Note:active .HoverVisible { visibility: visible } /*Note: active must come after hover (https://www.w3schools.com/css/css_pseudo_classes.asp) */

/*New Hover stuff*/
.HoverPopUp { position: relative; cursor:pointer; }
.HoverPopUp a span { display: none; color: #FFFFFF; }
.HoverPopUp a:hover span { display: block; position: absolute; width: 200px; background: #aaa; height: 50px; left: 100px; top: -10px; color: #FFFFFF; padding: 0 5px; }

div.HoverPopUp:hover, td.HoverPopUp:hover { background-color:#0c90b1; color:#fff;}
div.HoverPopUp span, td.HoverPopUp span { display: none; color: #fff; }
div.HoverPopUp:hover span.HoverPopUpContent, td.HoverPopUp:hover span.HoverPopUpContent { display: block; position: absolute; width:100%; min-width:140px; background-color:#fff; right:0%; color: #707070; padding: 5px; margin-left:100px; margin-right:0px; z-index:3; border:1px solid #0c90b1;text-align:left; left:initial;  bottom:3em;}

/*Back To Top Button*/
    .Back_To_Top { position: fixed; bottom: 22px; right: 0px; text-decoration: none; color: #000; background-color: rgba(235, 235, 235, 0.80); font-size: 18px; padding: .5em; display: none; }
    .Back_To_Top:hover { color:#fff; background-color:#069; }

/*Cells That Stack On Mobile*/
.StackCellContainer {display:table;width:100%;}
.StackCell {display:table-cell; }

/*DW.Edit_In_Place*/
.EIP_Container, .EIP_Container input { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top:-4px; max-width:99.9%; width:99.9%; background-color:initial;}
.EIP_Container { cursor: cell; }
    .EIP_Container:hover { background-color: #d6e8ff; }
.EIP_Container input {  width:99.9%; padding:0;}
.EIP_Container .ErrorMessage { margin-bottom: 5px; }
.EIP_Static_Text { margin: 2px; margin-top: 3px;}
.EIP_Static_Text:after { content: '\200b'; } /*So empty static divs still have divs to click*/
.EIP_Checkbox { }
/* http://www.developerdrive.com/2015/01/8-simple-css-hover-effects/ */
.EIP_CheckboxButton { border: none; background: #3a7999; color: #f2f2f2; background: rgba(0,0,0,0); color: #3a7999; box-shadow: inset 0 0 0 2px #888; padding: 0px; font-size: 1em; border-radius: 5px; position: relative; box-sizing: border-box; transition: all 500ms ease; width: 18px; height: 18px; margin: 2px; }
    .EIP_CheckboxButton:hover { background: #afa; box-shadow: inset 0 0 0 2px #c00; }
    .EIP_CheckboxButton > div {margin-top:-.2em }
.EIP_Label { min-width: 100px; display: inline-block; background-color: #d6e8ff; color: #069; padding: 4px; margin-right: 3px; }
/*Favorite Indicators*/
.IU_Favorite_Container { display:inline; margin-right:10px; cursor:pointer }
    .IU_Favorite_Container i.fa.fa-heart { color: #e00; }
button .IU_Favorite_Container { margin-right:0;}

/*IO Improvements 2019*/
.DataItemHeader { font-weight:bold; font-size:1.1em; }
.DragDropTarget { margin-bottom: 30px; min-height: 60px; white-space: normal; border: 1px solid #641790; border-radius: 15px; padding: 15px; text-align: center; }

.ButtonStack { display:flex; flex-direction:column; align-items:stretch} /*for stacked buttons in menus or whatever*/
.ButtonStack > .ActionButton { margin-right:initial;} /*fixes Actionbuttons in buttons stacks*/

/*Play area*/


/*Login forms - for now*/
.Form { position: relative; background-color: #FFFFFF; width: 480px; max-width: 100%; margin: 0 auto 16px; text-align: left; }
    .Form input { outline: 0; background-color: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; }
    .Form label { display: block; }
    .Form .ErrorMessage { padding: 15px; margin-bottom: 15px; }
    .Form input[type='submit'] { margin-top: 0px;}
    .Form input[type='checkbox'] { width: initial; margin: 0px 5px 1px 0px; transform: scale(1.2); }
        .Form input[type='checkbox'] + label { display: inline-block; font-size: 1em; margin-bottom: 15px; }

    /*.Form h3 { margin-bottom: 15px; }*//*Don't think we need this anywhere*/
    .Form input:focus { outline: 2px solid #c00; }


/*Checkbox Sliders*/
    .toggle { -webkit-appearance: none; -moz-appearance: none; width: 62px; height: 32px; display: inline-block; position: relative; border-radius: 50px; overflow: hidden; outline: none; border: none; cursor: pointer; background-color: #707070; transition: background-color ease 0.3s; }
    .toggle:before { content: "on off"; display: block; position: absolute; z-index: 2; width: 28px; height: 28px; background: #fff; left: 2px; top: 2px; border-radius: 50%; font: 10px/28px Helvetica; text-transform: uppercase; font-weight: bold; text-indent: -22px; word-spacing: 37px; color: #fff; text-shadow: -1px -1px rgba(0,0,0,0.15); white-space: nowrap; box-shadow: 0 1px 2px rgba(0,0,0,0.2); transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s; }
    .toggle:checked { background-color: #4CAF50; }
    .toggle:checked:before { left: 32px; }
    .toggle:focus { outline:none}
    input[type='checkbox'].toggle {width: 62px; height: 32px;}
/*Don't break out: force long text to word wrap in elements:https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
.ForceWrap, .DataRowBody { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
/*Added to undo wrapping in DataRowBody*/
.DataRowBody .EIP_Static_Text { /*added to fix wrapping issues if in DataRowBody*/ overflow-wrap: initial; word-wrap: initial; -ms-word-break: initial; word-break: initial; word-break: initial; -ms-hyphens: initial; -moz-hyphens: initial; -webkit-hyphens: initial; hyphens: initial; }


/*for speech bubbles/SMS message display - https://leaverou.github.io/bubbly/*/
.speech-bubble-outbound { position: relative; color:#fff; background: #4CAF50; border-radius: .4em; max-width:300px;}
    .speech-bubble-outbound:after { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 0.344em solid transparent; border-left-color: #4CAF50; border-right: 0; border-bottom: 0; margin-top: -0.172em; margin-right: -0.344em; }

.speech-bubble-inbound { position: relative; color: #000; background: #f1f1f1; border-radius: .4em; max-width: 300px; }
    .speech-bubble-inbound:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 0.344em solid transparent; border-right-color: #f1f1f1; border-left: 0; border-bottom: 0; margin-top: -0.172em; margin-left: -0.344em; }
.SMS-Image { border-radius: .4em; max-width: 300px; margin-top: .4em; }

/*DW_Ajax file upload*/
.FileUploadContainer { position: relative; }
    .FileUploadContainer [type=file] { cursor: inherit; display: block; font-size: 999px; min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0; }
.FileUploadStatusContainer { background-color: #069; color: #fff; padding: 10px; text-align: center; }
    .FileUploadStatusContainer.Complete { background-color: #0c0;}

/*UI Object Styles*/
/*MenuBar*/
/*DWResponsive originally*/
        .MenuBarContainer { position: fixed; top: 0px; right: 0px; left: 0px; height: 50px; background-color: #fff; padding: 0px; z-index: 100; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); /*margin-bottom:20px; */ min-height: 1px; /*for IE7*/ background-color: #333; overflow: hidden; }
        .MenuBarSpacer { z-index: -1; height: 50px; visibility: hidden; }
        .MenuBarLogoContainer { padding: 10px; display: inline-block; vertical-align: top; font-size: 18px; background-color: #069; color: #eee; height: 50px; }

        /*The Navigation Menu Links Bar:  http://www.w3schools.com/css/css_navbar.asp     */
        .MenuOptionsContainer { display: inline-block; font-family: 'HelveticaNeue-Light','Segoe UI Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; color: #707070; font-weight: normal; font-size: 20px; }
            .MenuOptionsContainer ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; color: #fff; }
            .MenuOptionsContainer li { float: left; display: inline-block; }
                .MenuOptionsContainer li a { display: block; color: #707070; text-align: center; padding: 8px 16px; text-decoration: none; height: 50px; color: #fff; }
                    .MenuOptionsContainer li a:hover { background-color: #069; background-color: #0c90b1; }
        /*The Employee Quick Search Text Box*/
        #EmployeeQuickSearch { }
        .EmployeeQuickSearchContainer { display: inline-block; text-align: left; margin: 0 auto; margin: 8px; position: relative; border: 1px solid #A9A9A9; box-sizing: border-box; float: right; width: 240px; height: 27px; }
            .EmployeeQuickSearchContainer input, .EmployeeQuickSearchContainer input[type="search"] { width: 200px; height: 23px; border: none; font-weight: normal; max-width: none; outline: 0; font-size: 15px; font-family: 'HelveticaNeue-Light','Segoe UI Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; color: #707070; color: #333; font-weight: normal; -webkit-appearance: none; -webkit-border-radius: 0px; /*iphone fix;*/ }
            .EmployeeQuickSearchContainer button { background-color: #eee; color: #707070; border: none; font-size: 18px; float: right; height: 25px; }

        #EQSUIContainer { padding: 3px; box-sizing: border-box; float: right; }

        .UserInfoText { display: inline-block; margin-right: 10px; line-height: 11px; margin-top: 5px; font-family: 'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; color: #707070; }


        /*#QuickLinksContainer {position:fixed; top:50px; left:0px; right:0px; height:74px;z-index:100;}*/
        #QuickLinksContainer { float: left; width: 100%; left: 0px; right: 0px; height: 74px; z-index: 100; }
        #QuickLinksSpacer { z-index: -1; height: 74px; }
        .QuickLinkLabel { }
        /*Quick Links Bar*/
        /* Transforms the list into a horizontal navigation */
        .subnav li { text-align: center; transition: border .5s; }
        .icon { padding-top: .4em; }
            .icon i:hover { font-size: 19px; }
            .icon + span { margin-top: 1.1em; transition: margin .5s; }
        /* Positioning the icons and preparing for the animation*/
        .subnav i { position: relative; display: inline-block; margin: 0 auto; padding: 0.4em; border-radius: 50%; font-size: 1.8em; box-shadow: 0 0 0 0.8em transparent; background: rgba(255,255,255,0.1); transform: translate3d(0, 0, 0); transition: box-shadow .6s ease-in-out; }
        /* Animate the box-shadow to create the effect */
        /*.no-touch .subnav a:hover i,*/
        .no-touch .subnav a:active i,
        .no-touch .subnav a:focus i { box-shadow: 0 0 0px 0px rgba(255,255,255,0.2); transition: box-shadow .4s ease-in-out; }
        .no-touch .subnav .icon i:hover { box-shadow: 0 0 0px 0px rgba(255,255,255,0.2); transition: box-shadow .4s ease-in-out; margin-bottom: 2px; /*This stops the text underneath the icon from moving on hover*/ }


        #SpotlightPopUpContent .subnav ul li { background-color: #333; font-size: .8em; }

       /*Master Page Stuff*/
        /*Hamburger Menu Styles:*/
        .LeftSideNav { width: 0; position: fixed; z-index: 10000; top: 50px; left: 0; bottom: 24px; background-color: #111; overflow-x: hidden; transition: 0.3s; padding-top: 0px; font-size: 25px; }
            .LeftSideNav a { padding: 8px 8px 8px 15px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; border-bottom: 1px solid #ccc; }
                .LeftSideNav a:hover { color: #f1f1f1; }
            .LeftSideNav .CloseButton { position: absolute; top: 0px; right: 25px; font-size: 36px; margin-left: 50px; }
            .LeftSideNav .CloseButtonBreadcrumb { position: absolute; top: 0px; right: 25px; font-size: 36px; margin-left: 50px; }
        .HiddenClass { width: 0; }
        .ContentOverlay { height: 100%; width: 0; position: fixed; z-index: 9999; top: 50px; left: 0; background-color: rgba(76, 76, 76, 0.3); overflow-x: hidden; }
        .LeftSideNav { background-color: #fff; color: green; }
            .LeftSideNav a { color: #707070; }
                .LeftSideNav a:hover { background-color: #0c90b1; color: #fff; }
            .LeftSideNav .Title { background-color: #069; color: #fff; padding: 5px; font-size: inherit; }
            .LeftSideNav .DividerBar { background-color: #641790; color: #fff; padding: 5px; font-size: .6em; margin-bottom: 0; }
            .LeftSideNav .fa { color: #d70000; }
            .LeftSideNav::-webkit-scrollbar { width: 8px; }
            /* scrollbar width */
            .LeftSideNav::-webkit-scrollbar-track { background: #f1f1f1; }
            /* Track */
            .LeftSideNav::-webkit-scrollbar-thumb { background: #888; }
                /* Handle */
                .LeftSideNav::-webkit-scrollbar-thumb:hover { background: #555; }
        /* Handle on hover */

        @media screen and (max-height: 450px) {
            .LeftSideNav { padding-top: 15px; }
                .LeftSideNav a { font-size: 18px; }
        }
        /*Layer Div Styles:*/
        .LayerDiv { overflow-x: auto; display: block; position: fixed; left: 0px; height: 50px; width: 100px; z-index: 100; background-color: #fff; animation-name: SlideIn; animation-duration: .5s; }
        .LayerDivx { font-size: 100px; z-index: 100; }
        .OverlayLayerNavBar { position: fixed; display: block; height: 2.2em; left: 0; width: 100%; z-index: 102; border: 1px solid #ccc; overflow-y: hidden; background-color: #0c90b1; font-size: 1.2em; color: #fff; }
        #OverlayLayerNavBar1 { animation-name: SlideIn; animation-duration: .5s; }
        /*Animate the initial NavBar only*/
        .SlideOut { animation-name: SlideOut; animation-duration: .5s; }
        .OverlayLayerNavBarSpacer { height: 2.2em }
        .OverlayLayerCloseButton { float: left; cursor: pointer; z-index: 102; color: #fff; height: 100%; border-right: 1px solid #fff; padding: .25em .5em .25em .5em; margin-right: .5em; }
            .OverlayLayerCloseButton:hover, .OverlayLayerLink:hover { background-color: #fff; color: #c00; }
        .OverlayLayerLink { cursor: pointer; padding: .25em; height: 100%; z-index: 102; vertical-align: middle; display: inline-block; }
        .OverlayLayerNavBarContent { height: 100%; }
        .OverlayLayerContent { overflow-x: hidden; overflow-y: scroll; background-color: #fff; -webkit-overflow-scrolling: touch; position: relative; border: none; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; z-index: 3; }
        .LayerDiv > div > .PageTitle { margin-top: .3em; }

        @keyframes FadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes SlideIn {
            from { left: 100%; }
            to { /*left: 0*/ }
        }

        @keyframes SlideOut {
            from { opacity: 1; }
            to { left: 100%; opacity: 0; }
        }

        /*End Master Page Stuff*/






        /*We'll show/hide some elements as the screent gets smaller*/
        @media only screen and (max-width: 1410px) {
            MenuOptionsContainer { font-size: 16px; }
            #HomeMenuButtonLabelText { display: none; }
            /*hides the home button's label*/
            #LogoutButtonLabelText { display: none; }
        }

        @media only screen and (max-width: 1315px) {
            MenuOptionsContainer { font-size: 18px; }
            .MenuOptionLabelText { font-size: 18px; }
        }

        @media only screen and (max-width: 1294px) {
            .MenuOptionLabelText { font-size: 16px; }
            .UserInfoText { font-size: 10px; }
        }

        @media only screen and (max-width: 1220px) {
            #HomeMenuButtonLabelText { display: inherit; }
            /*Turn these back on if we're wrapping the labels*/
            #LogoutButtonLabelText { display: inherit; }
            .MenuOptionLabelText { display: block; font-size: 10px; }
        }

        @media only screen and (max-width: 1050px) { /*This is where we should wrap the employee search*/
            #EQSUIContainer { float: none; clear: both; text-align: center; border-top: solid 1px #ccc; }
            .EmployeeQuickSearchContainer { float: none; clear: both; }
            .MenuOptionsContainer { font-size: 25px; }
            .UserInfoText { font-size: 9px; }
        }

        @media only screen and (max-width:700px) { /*We're getting real small, so hide the labels*/
            #HomeMenuButtonLabelText { display: none; }
            /*Turn these all off here:*/
            #LogoutButtonLabelText { display: none; }
            #LogoutButtonLabelText { display: none; }
            #NavigationMenuButtonLabelText { display: none; }
            #LinkedLoginsMenuButtonLabelText { display: none; }
            #AtAGlanceMenuButtonLabelText { display: none; }
            .QuickLinkLabel { font-size: 10px; }
        }

        @media only screen and (max-width:600px) {
            .UserInfoText { visibility: hidden; display: none; }
        }

        @media only screen and (max-width:530px) {
            .MenuBarLogoContainer { display: none; }
            .QuickLinkLabel { display: none; }/*Hide the labels on quick link bars....may need to tag this to the container ID so it works in the popup menu too*/
        }
        /*just while we're developing*/
        .MenuOptionsContainer { }
        #EQSUIContainer { background-color: #fff; }
        /*
            Scrollout header section:
            http://lifeinthegrid.com/simple-css-fixed-header/

            Fixed header dynamic height (basically copying same content into spacer div and hiding it):
            http://codepen.io/parkerbennett/details/hbzJm

            */
/*End DWResponsive Originally*/

    /*Menu_Button is in Beta for now:*/
        .Menu_Button { position: relative; display: inline-block; }
            .Menu_Button:hover .Menu_Button_Content { display: block; }
            .Menu_Button:hover .Menu_Button_Button { background-color: #3e8e41; }
        .Menu_Button_Button { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; }
        .Menu_Button_Content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
            .Menu_Button_Content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
                .Menu_Button_Content a:hover { background-color: #f1f1f1 }
    /*Context Menu*/
        #ContextMenu { display: none; position: absolute; z-index: 1000; background-color: #f1f1f1; border: 1px solid #069; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); border-radius:8px; overflow:hidden;}
        #ContextMenu.Show{ display: block;}
        #ContextMenu a { display: block; padding: 8px 12px; text-decoration: none; color: #333; background-color: #f1f1f1; }
        #ContextMenu a:hover { background-color: #069 !important; color: #fff !important }
        #ContextMenu .DIO_Icon { width: 20px; height: 20px; margin: -.15em .3em 0 -.4em; }
            #ContextMenu .DIO_Icon.Right { margin: -.15em -.4em 0 .3em;}

        #ContextMenu .Title { background-color: #069; color: #fff; font-size: 1em; padding: 4px 6px; margin-bottom:0; border-bottom:1px solid #000; }
            #ContextMenu .Title .DIO_Icon { margin-left:2px;}
            #ContextMenu .Title .Favorite { float:right; margin-top:.25em; margin-left:.3em;}
            #ContextMenu .ButtonContainer { display: flex; justify-content: space-between; border: 1px solid #069; }
            #ContextMenu .ButtonContainer div { flex-basis: 50%; }
            #ContextMenu .RightButton { text-align: right; border-left: 1px solid #069; white-space: nowrap; }
    /*ClickMenuButton*/
        .CMB { display: inline-block; position: relative; outline: none; margin: 0 10px 0 10px; font-size:1em}
        .CMB_Button { padding: 2px 5px; color: white; background-color: #861cb9; cursor: pointer; transition: 0.35s ease-out; border-radius: 6px; font-size:.8em;}
        /* content */
        .CMB .CMB_Content {  position: absolute; top: 50%; background-color: #f7f7f7; min-width: 120%; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); z-index: 100000; visibility: hidden; opacity: 0; border-radius: 6px; overflow: hidden; border: 1px solid #069; }
        .CMB_Content a {  color: black; padding: 8px 16px; display: block; text-decoration: none; transition: 0.35s ease-out; white-space: nowrap; }
            /*.CMB_Content a:hover { background-color: #eaeaea; }*/
            .CMB_Content a:hover { background-color: #069; color:#fff; }
        /* show content */
        .CMB:focus .CMB_Content { outline: none; transform: translateY(14px); visibility: visible; opacity: 1; transition: 0.35s ease-out; }
        .CMB_Button:hover, .CMB:focus .CMB_Button { background-color: #691692; color: mediumpurple; }
        /* mask to close menu by clicking on the button */
        .CMB .CMB2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; cursor: pointer; z-index: 10; display: none; }
        .CMB:focus .CMB2 { display: inline-block; }
        .CMB .CMB2:focus .CMB_Content { outline: none; visibility: hidden; opacity: 0; }
    /*IO Object Containers*/
        .ProcessingStatus { display: flex; justify-content: center; gap: 5px; } /*The default for display of the UI.ProcessingStatus*/
        .Task_List { }
            .Task_List .ProcessingStatus {} /*override here if you want something special*/

    /*DataDiv*/
        .DataDiv { display:none;}

/*UI Panels*/
    /*Holding this out for now....don't think we need it:*/
    /*body { overflow-x: hidden; }*/
    :root { --PanelWidth: 400px; 
            --NavBarHeight: 50px;
            --FooterBarHeight: 25px;
            --PanelCloseButtonHeight: 28px;
            --PanelContentHeight: calc(100vh - var(--NavBarHeight) - var(--FooterBarHeight) - var(--PanelCloseButtonHeight))
    }
    #PanelContainer { }
        #PanelContainer.ShowingLeftPanel #CenterPanel { margin-left: var(--PanelWidth); width: calc(100% - var(--PanelWidth)); }
        #PanelContainer.ShowingLeftPanel #LeftPanel { left: 0 }
        #PanelContainer.ShowingRightPanel #CenterPanel { margin-right: var(--PanelWidth); width: calc(100% - var(--PanelWidth)); }
        #PanelContainer.ShowingRightPanel #RightPanel { right: 0 }
        #PanelContainer.ShowingLeftPanel.ShowingRightPanel #CenterPanel { width: calc(100% - (var(--PanelWidth)*2)); }
    #CenterPanel { width: 100%; transition: margin 0.5s ease, width 0.5s ease; margin-left: 0; margin-right: 0; }
    #LeftPanel, #RightPanel {z-index:1; width: var(--PanelWidth); max-width: 100vw; position: fixed; top: 0; bottom: 0; height: 100%; background-color: #eee; overflow-y: auto; overflow-x: hidden; padding-top: var(--NavBarHeight); }
    #LeftPanel {left: calc(0px - var(--PanelWidth)); transition: left 0.5s ease; border-right: 1px solid #069; }
    #RightPanel {right: calc(-1px - var(--PanelWidth)); transition: right 0.5s ease; border-left: 1px solid #069; }
    #LeftPanelContent, #RightPanelContent { background-color: #fff; height: var(--PanelContentHeight); width: calc(var(--PanelWidth) - 1px); max-width: 100vw; position: fixed; overflow-y: auto; overflow-x: hidden; }
    #LeftPanelContent iframe, #RightPanelContent iframe { width: 100%; max-width:100vw; height: 100%; border: none; }
    .Dark_Mode #LeftPanel, .Dark_Mode #RightPanel { background-color:#000;}
    /*for screens where the panels would be more than half of the screen*/
@media only screen and (max-width: 800px) {
    #LeftPanel { position: fixed; left: -100vw; right: -1px }
    #RightPanel { position: fixed; left: calc(1px + 100vw); }
    #LeftPanel, #RightPanel { transition: left 0.5s ease, right 0.5s ease; background-color: #fff; padding: initial; border:none;}
    .ShowingLeftPanel #CenterPanel, .ShowingRightPanel #CenterPanel { margin: initial; width: initial; position: fixed; left: 0; right: 0; z-index: -1; }
    .ShowingLeftPanel #LeftPanel, .ShowingRightPanel #RightPanel { width: 100vw; position: fixed; left: 0; right: 0; z-index:200;}
    /*.ShowingLeftPanel #RightPanel, .ShowingRightPanel #LeftPanel { display: none; }*/
    #LeftPanelContent, #RightPanelContent { width: 100%; padding-top:10px;}
    .LayerDiv {top:0; } /*Note: this is in the OpenOverlayLayer code, so probably not necessary here*/
}


/*list items separated by a psuedo hr*/
.HRList { border-bottom: 1px solid #ddd; padding-bottom: .5em; margin-bottom: .5em; margin-top: .5em; }
    .HRList:last-child { border-bottom: none; }

/*Generic Object Formatting*/
.Ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; }
.NoScroll { overflow: hidden; }

/*Highlighters*/

.ClickHighlighted { background-color: #eeeeff !important; }
.TableRowHoverHighlight:hover, .TableCellHoverHighlight:hover { background-color: #aaccee; }

/*Other Stuff*/
#AudioPlayer { z-index:100; bottom:70px; display:block; position:fixed;} /*This isn't used yet. Needs major work.*/


.ActionButton:active, .ButtonSmall:active, .Button1:active { background-color: #ff8500; }
/*NEW MOBILE HOOKS --See CREW Verify*/
/*The margin-bottom:-99999px; padding-bottom:99999px; is a hack to get the columns css column cells to expand vertically together:*/

.FloatRightOrMobileAll { float:right;}
.MobileOnly { display:none;}

    @media only screen and (max-width: 820px) {
        .Back_To_Top { bottom:39px;}
        }
    @media only screen and (max-width: 568px) {
        .BodyTableContainer {border:none;}
        .DataRow {clear:both;width:100%;margin:0px;padding:0px;}
        .DataRowTitle {clear:both; display:block; width:auto !important; text-align:left;border:none; margin:0px; font-size:12pt; color:#fff; background-color:#0c90b1;}
        .DataRowTitle a:link {color:#fff;}
        .DataRowTitle a:visited {color:#fff;}
        .DataRowTitle a:hover {color:#ffaa00;}
        .DataRowBody .DataRow .DataRowTitle { color:#333; background-color: #eee; }
        .DataRowBody {clear:both; display:block; width:auto; border:none;padding:15px;}
        .DataRowBody td {}
        .DataRowBody .DataRow { border:none; background-color:#fff; padding-top:0px;}
        .DataRowBody .DataRow{ border:none; background-color:#fff;padding:0px;}
        .DataRowBody .DataRow .DataRowBody { border:none; background-color:#fff;padding-bottom:10px;}
        .DataRowDividerRow { border:none; font-size:20px;text-align:center;}
        .MobileHide { display:none;}
        .FloatRightOrMobileAll { clear:both;float:none; width:100%;}
        .NavBar { display:none;}
        .PageGenerationTimeText { display:none;}
        .CopyrightText { float:none; text-align:center; width:auto; padding:0px;}
        input { max-width:100%;} /*Testing*/
        .MobileOnly { display:initial;}
        .Back_To_Top { bottom:39px;}
        .StackCell { display:block; width:initial;}
        .ButtonSmall, .ButtonSmallImportant, .ButtonSmall:link, .Button1, .Button1s { margin-bottom:10px; margin-right:10px;}
        .ThumbnailImage { width: 100px; height: 100px; object-fit: cover; }

        /*Testing some overrides:*/
        .DataRowTitle { clear: both; display: block; width: auto !important; text-align: left; border: none; margin: 0px; font-size:.65em; font-weight:500; color: #999; background-color: #fff;padding-left:0px; }
        .DataRowBody {padding:0; }
        .DataRow {border-bottom:1px solid #eee;padding-bottom:3px; }


        }
@media only print {
    .NavBar {display:none; }
}

  
/*END NEW MOBILE HOOKS*/


    .DataRowFooter {clear:both; margin-top:-1px;} /*No longer used*/
/*Additional For XML Output Formatting x.xml_WriteAsDivs*/
.XMLContainer { background-color: #fff; display: inline-block; }
    .XMLNodeName{background-color:#ddd;padding:3px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;font-family: 'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
    .XMLNodeAttribute{font-size:10px;}
.XMLNodeContentContainer { background-color: #ddd; padding-left: 20px; border-left: 1px solid #ccc; }


/*Overrides For Printed Pages*/
@media print
{
    .NoPrint { display: none !important; }
    #TopMenuBar { display: none; }
    #cssmenu { display: none; }
}


/*Employer IO Custom Tags*/
.IO_Logo_Container { font-family: Raleway !important; font-size: 2em; font-weight: 200; display: inline-block; white-space: nowrap; }
.IO_Logo_Text { display: inline-block }
.IO_Logo_Bug { background-color: #0fadff; color: #fff; padding: 0em .25em 0em .25em; border-radius: 5px; margin-left: .2em; display: inline-block; }







/* override for testing colors:*/






.PageTitlex { font-size: 20px; color: #fff; font-style: normal; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #810000; }

.PageTitlex { font-size: 20px; color: #333; font-style: normal; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #fff; }

.PageTitle { font-size: 20px; color: White; font-style: normal; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; background-color: #a21A24; margin-top:10px;}
.PageTitle { font-size: 24px; color: #069; font-style: normal; padding-top: 0px; padding-bottom: 5px; padding-left: 10px; background-color: #fff; margin-top: 0px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.PageOptions { border-bottom:1px solid #ccc;}

.DataRowDividerRow { background-color: #2b5797; color: #fff; border: none; }
.DataRowDividerRow { background-color: #069; color: #fff; border: none; }