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: 14px; font-family: 'Roboto','Open Sans','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; 
    color: #333;
    font-weight: 300; 
    color:#707070;
}


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;}

/*POC Overrides*/
a:active { color: #ff0033; TEXT-DECORATION: underline; }
a:link { color: #ff0033; }
a:visited { color: #ff0033; }
a:hover { color: #660000; }



/*Some Generic Font Styles*/
/*

    font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', 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;}

.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; -webkit-margin-before: 0.0em; -webkit-margin-after: .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 {}

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;}

/*Default Table Header Stuff*/
/*
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 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: 10px; 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: 9pt; background-color: #eee; color: #707070; text-decoration:none;margin-bottom:5px;margin-right:5px;}
.ActionButton.Large { font-size:12pt;}
.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; }

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;}
/*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;}

.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; }
.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; }

 /*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;}
    .DataTable .Note {border: #fff 3px solid; padding: 5px; border-collapse: collapse; background-color: #ffffcc; text-align: left;color: #000000;vertical-align: top;}
    .DataTable .Document {border: #fff 3px solid;padding: 5px;border-collapse: collapse;background-color: #c5e0f0;text-align: left;color: #000000;vertical-align: top;}
    .DataTable .NegativeResult {background-color: green;border: #fff 3px solid;padding: 5px; color:#fff;}
    .DataTable .PositiveResult {background-color: Red;border: #fff 3px solid; color: #fff;}
    .DataTable .CanceledResult {background-color: #002957;border: #fff 3px solid; color:#fff;}
    .DataTable .HideResult {background-color: Gray; border: #fff 3px solid; color:#fff;}
    .DataTable .SentToLab {background-color: #0033FF;border: #fff 3px solid; color:#fff;}
    .DataTable .OtherResult {background-color: blue;border: #fff 3px solid; color:#fff;}
    .DataTable .Warning {background-color: yellow;border: #fff 3px solid; color:#fff;}


/* 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;}
    .DataGrid .Note {border: #dddddd 1px solid;padding: 5px;border-collapse: collapse;background-color: #ffffcc;text-align: left;color: #000000;vertical-align: top;}
    .DataGrid .Document {border: #dddddd 1px solid;padding: 5px;border-collapse: collapse;background-color: #c5e0f0;text-align: left;color: #000000;vertical-align: top;}
    .DataGrid .NegativeResult {background-color: green;border: #dddddd 1px solid; color: #fff;padding: 5px;}
    .DataGrid .NegativeResult a {color: #fff;}
    .DataGrid .NegativeResult a:hover {color: #ffd700;}
    .DataGrid .PositiveResult {background-color: Red;border: #dddddd 1px solid; color: #fff;}
    .DataGrid .CanceledResult {background-color: #002957;border: #dddddd 1px solid; color:#fff;}
    .DataGrid .HideResult {background-color: Gray; border: #dddddd 1px solid; color:#fff;}
    .DataGrid .SentToLab {background-color: #0033FF;border: #dddddd 1px solid; color:#fff;}
    .DataGrid .OtherResult {background-color: blue;border: #dddddd 1px solid; color: #fff;}
    .DataGrid .Warning {background-color: yellow;border: #dddddd 1px solid; color: black;}


/* 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;}
.DataTableCollapse .NegativeResult {background-color: green;border: 1px solid #ddd; color:#fff}
.DataTableCollapse .PositiveResult {background-color: red;border: 1px solid #ddd; color:#fff}
.DataTableCollapse .CanceledResult {background-color: #002957;border: 1px solid #ddd; color:#fff}
.DataTableCollapse .HideResult {background-color: Gray; border: 1px solid #ddd; color:#fff}
.DataTableCollapse .SentToLab {background-color: #0033FF;border: 1px solid #ddd; color:#fff}

/* 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;}
.TightDataTable .Note {border: #dddddd 1px solid; padding: 2px; border-collapse: collapse; background-color: #ffffcc; text-align: left; color: #000000; vertical-align: top;}
.TightDataTable .Document {border: #dddddd 1px solid; padding: 2px; border-collapse: collapse; background-color: #c5e0f0; text-align: left; color: #000000; vertical-align: top;}
.TightDataTable .NegativeResult {background-color: green;border: #fff 3px solid; color:#fff;}
.TightDataTable .PositiveResult {background-color: Red;border: #fff 3px solid; color: #fff;}
.TightDataTable .CanceledResult {background-color: #002957;border: #fff 3px solid; color:#fff;}
.TightDataTable .HideResult {background-color: Gray; border: #fff 3px solid; color:#fff;}
.TightDataTable .SentToLab {background-color: #0033FF;border: #fff 3px solid; color:#fff;}
.TightDataTable .Warning {background-color: yellow;border: #fff 3px solid; color:#fff;}


.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-size:12px;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;}



.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;}



.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 {font-size: 16px; font-weight: 700 ; 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;}

.EAPScheduledGood{background-color: #00cc00;color: #fff;padding: 2px;margin:2px;line-height:18px;}
.EAPScheduledBad{background-color: #cc0000;color: #fff;padding: 2px;margin:2px; line-height:18px;}
.EAPScheduledFuture{background-color: #cccccc;color: #fff;padding: 2px;margin:2px; line-height:18px;}
.EAPScheduledBad a {color: #fff}
.EAPScheduledExcused{background-color: #002957;color: #fff;padding: 2px;margin:2px; line-height:18px;}
.EAPScheduledExcused a {color: #fff}
.EAPScheduledCurrent{background-color: #ff6600;color: #fff;padding: 2px;margin:2px; line-height:18px;}
.EAPScheduledCurrent a {color: #fff}

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;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -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;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -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;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -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, .HiringEventBlock, span.HiringEventBlock, .TransferBlock, span.TransferBlock
{
    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;
}
.HiringEventBlock, span.HiringEventBlock
{
    color:Black;
    background-color: #ea82ff;
    cursor: pointer;
}
span.HiringEventBlock:hover
{
    color:Black;
    background-color: #d300ff;
}
.TransferBlock, span.TransferBlock {
	color: Black;
	background-color: #f1cc66;
	cursor: pointer;
}
span.TransferBlock:hover {
	color: Black;
	background-color: #bda155;
}

.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;}
.ErrorMessage a {color: #fff;}
.NotificationMessage {background-color: green;color: #fff; padding:2px;}
.NotificationMessage a {color: #fff;}
.WarningMessage {background-color: yellow;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; }






.SpecimenTypeUrine{background-color: #ff9;}
.SpecimenTypeBreath{background-color:#D4E9FF;}
.SpecimenTypeHair{background-color:sandybrown;}
.SpecimenTypeBlood{}
.SpecimenTypeSaliva, .SpecimenTypeOralFluids{}

.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; _position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: black; z-index: 100; -moz-opacity: 0.70; opacity: .70; filter: alpha(opacity=70); /*for IE*/ }
.SpotlightPopUpBox { display: none; position: fixed; _position: absolute; width: 70%; height: 75%; background: #fff; left: 15%; 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: 70%; height: 1.8em; left: 15%; 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;}

/*Some Container Classes*/
.SpotlightPopUpCloseButtonContainer { text-align: center; padding:20px;}
.PaddedContainer20, .SpotlightPopUpContentContainer { padding:20px;}


    /*OLD
.SpotlightPopUpBoxContent { overflow-x: hidden; background-color: #fff; -webkit-overflow-scrolling: touch; position: relative; border: none; width: 100%; overflow-y: scroll; margin-top: 7px; margin-left: 0px; z-index: 3; height: 93%; max-height: 93%; }
.SpotlightPopUpBoxHeaderSpacer {height:26px;}       
.SpotlightPopUpBoxHeader { height: 30px; background-color: #069; border-bottom: 1px solid #999; position: fixed; width: 70%; text-align: center; font-weight: bold; font-size: 16px; font-family: 'HelveticaNeue-Light','Segoe UI Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; color: #fff; padding-top: 2px; z-index: 100; }
        
        */

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;
    -o-box-shadow: 0px 0px 5px black;
    -moz-box-shadow: 0px 0px 5px black;
    -ms-box-shadow: 0px 0px 5px black;
}
img.IconEffect:active {
    background: lightblue;
    box-shadow: 0px 0px 10px blue;
    -webkit-box-shadow: 0px 0px 10px blue;
    -o-box-shadow: 0px 0px 10px blue;
    -moz-box-shadow: 0px 0px 10px blue;
    -ms-box-shadow: 0px 0px 10px blue;
}


div.EditEnabledField, span.EditEnabledField, div.EditEnabledFieldBlank, span.EditEnabledFieldBlank, div.EditEnabledFieldWarning, span.EditEnabledFieldWarning, div.EditEnabledFieldPositive, span.EditEnabledFieldPositive {
    color: black;
    font-family: 'Verdana';
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    vertical-align:text-bottom;
    padding: 2px 5px 2px 5px;
    white-space:nowrap;
}
div.EditEnabledFieldBlank, span.EditEnabledFieldBlank {
	border:1px solid #eee;
}
div.EditEnabledFieldWarning, span.EditEnabledFieldWarning {
	background-color:Yellow;
	color:Black;
}
div.EditEnabledFieldPositive, span.EditEnabledFieldPositive {
	background-color:Red;
	color:White;
}
	
td.DividerRow div.EditEnabledField, td.DividerRow span.EditEnabledField {
	color:White;
	font-size:14px;
    vertical-align: baseline;
}
	
div.EditEnabledField:hover, span.EditEnabledField:hover, td.DividerRow div.EditEnabledField:hover, td.DividerRow span.EditEnabledField:hover, div.EditEnabledFieldBlank:hover, span.EditEnabledFieldBlank:hover, div.EditEnabledFieldWarning:hover, span.EditEnabledFieldWarning:hover, div.EditEnabledFieldPositive:hover, span.EditEnabledFieldPositive:hover {
	color:Black;
    background-color: White;
    border:1px solid black;
    padding: 1px 4px 1px 4px;
}
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;}

div.CertificateBorder {
	width: 600px;
	height: 750px;
	margin: 50px 10px 10px 10px;
    border: 5px solid #006699;
    vertical-align: top;
    padding: 10px 10px 10px 10px;
}

.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;}

/*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; font-size: 10pt; margin-top:-4px; max-width:99.9%; width:99.9%; }
.EIP_Container { cursor: cell; }
    .EIP_Container:hover { background-color: #d6e8ff; }
.EIP_Container input { background-color: #dfd; width:99.9%;}
.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: 16px; 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_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 }

/*IO Improvements 2019*/

/*Play area*/
input:focus { outline: 2px solid #c00; }

/*Login forms - for now*/
    .Form { position: relative; z-index: 1; background-color: #FFFFFF; width: 480px; max-width: 90%; margin: 0 auto 100px; padding: 15px; text-align: left; /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/ }
    .Form input { font-family: "Roboto", sans-serif; outline: 0; background-color: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; }
    .Form label { display: block; }
    .Form .ErrorMessage { padding: 15px; margin-bottom: 15px; }
    .Form input[type='submit'] { margin-top: 15px; }
    .Form h3 { margin-bottom: 15px; }
    .Form input:focus { outline: 2px solid #c00; }

/*Checkbox Sliders*/
    .toggle { -webkit-appearance: none; -moz-appearance: none; 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: #4CD964; }
    .toggle:checked:before { left: 32px; }
    .toggle:focus { outline:none}


/*Other Stuff*/

.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;font-size:12pt;padding:15px;}
        .DataRowBody td {font-size:12pt;}
        .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;}
        }
@media only print {
    .NavBar {display:none; }
}

  
@viewport { zoom: 1.0; }
@-o-viewport { zoom: 1.0; }
@-ms-viewport { zoom: 1.0; }

/*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; margin-bottom: 15px; 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; }

/*POCLive Custom Tags*/
.POCLive_Logo_Container { font-family: Raleway !important; font-size: 2em; font-weight: 200; margin-bottom: 15px; display: inline-block; white-space: nowrap; }
.POCLive_Logo_Text { display: inline-block }
.POCLive_Logo_Bug { background-color: #ff0033; color: #fff; padding: 0em .25em 0em .25em; border-radius: 5px; margin-left: .2em; display: inline-block; }

.Back_To_Top {color: #000;}
    .Back_To_Top:hover { color: #fff; background-color: #ff0033; }
.PageTitle { font-size: 24px; color: #f44336; font-style: normal; padding-top: 0px; padding-bottom: 5px; padding-left: 10px; background-color: #fff; margin-top: 0px; border-bottom: 1px solid #f44336; margin-bottom: 5px; }



/* 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; }



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