BODY
{
    FONT-SIZE: 12pt;
    COLOR: #595959;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: left;
}
FONT
{
    FONT-SIZE: 12pt;
    COLOR: #4f4f4f;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}
A:link
{
    COLOR: #313E49;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
    /*TEXT-DECORATION: underline;*/
}
A:visited
{
    COLOR: #313E49;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #313E49;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
}
A:active
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #00B4E5;
    TEXT-DECORATION: none;
}
/*** Beg Header Divs ***/
.topHeader
{
    position:absolute; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:75px; 
    background: linear-gradient(#FFFFFF, #FFFFFF); 
}
.leftlogo
{
    background: url(../dnSwitchboard/images/header/logo.png) no-repeat;
}
.centerlogo
{
    margin: auto;
    background: url(../dnSwitchboard/images/header/Switchboard_Title.png) no-repeat;
    background-size: 400px 75px;
}
.email
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/zzemailgray.png) no-repeat;
}
.email:hover
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/emailhover.png) no-repeat;
}
.help
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/zzhelpgray.png) no-repeat;
}
.help:hover
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/helphover.png) no-repeat;
}
.profile
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/zzprofilegray.png) no-repeat;
}
.profile:hover
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/profilehover.png) no-repeat;
}
.exit
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/zzexitgray.png) no-repeat;
}
.exit:hover
{
    display: inline-block;
    margin-right: 10px;
    border: 0px;
    width: 35px;
    height: 35px;
    background: url(../dnSwitchboard/images/header/exithover.png) no-repeat;
}
.middleDiv {
    height: 75px;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
}
.BulletText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #4f4f4f;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.ImageCursor {
    cursor: pointer;
}
.showUser {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
}
.topfoot {
    position: absolute;
    left: 0px;
    top: 74px;
    width: 100%;
    height: 26px;
    border-top: 2px solid #484848;
    background-color: #FFFFFF;
    background: #000000;
    background: -webkit-linear-gradient(#313E49, #EEEEEE);
    background: -o-linear-gradient(#313E49, #EEEEEE);
    background: -moz-linear-gradient(#313E49, #EEEEEE);
    background: linear-gradient(#313E49, #EEEEEE);
}
#header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 101px;
    background-color: black;
    border: 0px solid black;
    overflow: hidden;
}
.LabelHeading {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align: absmiddle;
}
/*** End Header Divs ***/
/*** Beg Left Navigation Divs ***/
.Nav
{
    border: 1pt #FFFFFF solid; 
    BACKGROUND-COLOR: #FFFFFF;
}
.navimage
{
    FLOAT: left; 
    WIDTH: 200px; 
    HEIGHT: 100%; 
    BACKGROUND-COLOR: #00ff00;
}
.navleft
{
    FLOAT:left; 
    WIDTH:240px; 
    HEIGHT:100%; 

    /*** gradient transition from black to white ***/
    background: #000000; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(#313E49, #EEEEEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#313E49, #EEEEEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#313E49, #EEEEEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#313E49, #EEEEEE); /* Standard syntax (must be last) */
}
.navbody
{
    width: 207px;
    PADDING-TOP:10px; 
    BACKGROUND-COLOR: #FFFFFF; 
    border:1px solid #999999;
    overflow-y: auto;
    overflow-x: hidden;

    /* ------------------------  rad 20170908 */
    margin: 5px 0px 5px 3px;     
    padding-bottom: 10px; 
    border-radius: 7px;
}
.navfoot                     /* rad 20170913 */
{
    width: 100%;
    height: 25px;
    border: 0px solid black;
    float: left;
}
.flexfoot
{
    flex: 1;
    width: 100%;
    background-color: #EEEEEE;
    position: relative;
}
.navtotal
{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #EEEEEE;
}
.ChildHeader                  /* rad 20170908 */
{
    font-weight: bold;
    color: #000000;
    FONT-SIZE: 11pt;
}
a.ChildNav
{
    color: #595959;
    text-align: left;
    text-decoration: none !important;
    font-weight: normal;
    font-size: 10pt;
    font-family: verdana, "Century Gothic", arial, sans-serif !important;
    BACKGROUND-COLOR: #FFFFFF;
}
a.ChildNav:hover
{
    color: #000000;
    text-align: left;
    text-decoration: none !important;
    font-weight: normal;
    font-size: 10pt;
    font-family: verdana, "Century Gothic", arial, sans-serif !important;
    BACKGROUND-COLOR: #00B4E5;

/*** gradient transition from black to white ***/
    background: #000000; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(#00B4E5, #00B4E5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00B4E5, #00B4E5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00B4E5, #00B4E5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00B4E5, #00B4E5); /* Standard syntax (must be last) */
}
img.divimage
{
  background-color: #313E49;
  padding:2px solid #313E49;
}
#divdefault
{
  background-color:#313E49;
  color:#FFFFFF;
}
#divdefaultcolors
{
    background-color: #313E49;
    color:#FFFFFF;  
    border:2px solid #313E49;
}
#navHeader
{
  background-color: #313E49;
  color: #FFFFFF;
}
/*** End Left Navigation ***/
/*** Beg Util Divs ***/
.UtilTable, .TableBorder
{
    BORDER-RIGHT: #313E49 1px solid;
    BORDER-TOP: #313E49 1px solid;
    BORDER-LEFT: #313E49 1px solid;
    BORDER-BOTTOM: #313E49 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
}
.UtilTitle, .Row1Large, .Row2Large, .Row3Large, .Row1Small
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    VERTICAL-ALIGN: middle;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    HEIGHT: 22pt;
    BACKGROUND-COLOR: #313E49;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center;
}
.UtilHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    VERTICAL-ALIGN: middle;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    HEIGHT: 22pt;
    BACKGROUND-COLOR: #313E49;
    TEXT-ALIGN: center;
}
.UtilFooter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    HEIGHT: 22pt;
    BACKGROUND-COLOR: #313E49;
    TEXT-ALIGN: center;
    empty-cells: show;
}
/*** End Util Divs ***/
/*** Beg Report Divs ***/
.RptText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center;
    empty-cells: show;
}
.RptTextHilite
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F9F9F9;
    TEXT-ALIGN: center;
    empty-cells: show;
}
.RptTable
{
    BORDER-TOP: #313E49 1px solid;    
    BORDER-RIGHT: #313E49 1px solid;
    BORDER-LEFT: #313E49 1px solid;
    BORDER-BOTTOM: #313E49 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #FFFFFF; 
    BACKGROUND-COLOR: #595959;
}
.RptTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #FFFFFF;
    HEIGHT: 22pt;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #313E49;
    TEXT-ALIGN: center;
}
.RptHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: bottom;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: center;
}
.RptCaptionTitle
{
    BORDER-RIGHT: #313E49 1px solid;
    BORDER-TOP: #313E49 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    BORDER-LEFT: #313E49 1px solid;
    WIDTH: 100%;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    HEIGHT: 22pt;
    BACKGROUND-COLOR: #313E49;
    TEXT-ALIGN: center;
}
.RptCaption, .ListCaption
{    
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #595959;    
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center;      
}
.RptPageNav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
}
A.RptPageNav:link, A.RptPageNav:visited, A.RptPageNav:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    TEXT-DECORATION: underline;
}
.SectionHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    VERTICAL-ALIGN: middle;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #313E49;
    TEXT-ALIGN: center;
    empty-cells: show;
}
.RptFooter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #313E49;
    TEXT-ALIGN: center;
}
.GridRow
{
    border-top: 0px solid transparent;
}
.GridRow:hover
{
    border-top: 0px solid #00B4E5;
    border-bottom: 0px solid #00B4E5;
    font-weight: bold;

    background: #FD7E14; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00B4E5, #00B4E5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00B4E5, #00B4E5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00B4E5, #00B4E5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00B4E5, #00B4E5); /* Standard syntax */
    cursor: default;
}
/*** End Report Divs ***/
/*** Beg Input Divs ***/
.InputHeading
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #263651;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center;
}
.InputBackground
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: left;
}
.InputText, .InputDate, .InputDateFull {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #313E49;
}
.InputFull {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    WIDTH: 100%;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}
/*** End Input Divs ***/
/*** Beg Tabs Div ***/
td.Tab
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(../dnSwitchboard/images/Tabs/Background.png);
    BACKGROUND-REPEAT: repeat;
    TEXT-ALIGN: center;
    empty-cells: show;
}
td.TabRight {
    background-image: url(/../dnSwitchboard/images/Tabs/right.png);
    background-repeat: no-repeat;
    text-align: right;
    empty-cells: show;
    width: 9px;
    background-color: #313E49;
}
td.TabLeft {
    background-image: url(../dnSwitchboard/images/Tabs/Left.png);
    background-repeat: no-repeat;
    text-align: left;
    empty-cells: show;
    width: 9px;
    background-color: #313E49;
}
td.TabTopRight {
    background-position: left bottom;
    background-image: url(../dnSwitchboard/images/Tabs/topright.png);
    background-repeat: no-repeat;
    empty-cells: show;
    width: 9px;
    height: 3px;
    font-size: 1pt;
    background-color: #313E49;
}
td.TabTopLeft {
    background-position: right bottom;
    background-image: url(../dnSwitchboard/images/Tabs/topleft.png);
    background-repeat: no-repeat;
    empty-cells: show;
    width: 9px;
    height: 3px;
    font-size: 1pt;
    background-color: #313E49;
}
td.TabTop {
    background-position: left bottom;
    background-image: url(../dnSwitchboard/images/Tabs/top.png);
    background-repeat: repeat-x;
    font-size: 1pt;
    empty-cells: show;
    background-color: #313E49;
}
a.TabDisabled:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #313E49;
}
a.TabDisabled:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #313E49;
}
a.TabDisabled:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;
    BACKGROUND-COLOR: #313E49;
    TEXT-DECORATION: none;
}
a.TabDisabled:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #313E49;
}
/* for tabbed menus, for a sample program see SCP --> SCP State --> (click a CLLI link) */
        .tabMenu {
            list-style-type: none;
            margin: 5px 0 0 0;
            padding: 0;
            overflow: hidden;
            margin-right:2px;
        }
            .tabMenu li {
                float: left;
                border-top: 0px solid #EEEEEE;
                border-right: 0px solid #EEEEEE;
                border-left: 0px solid #EEEEEE;
                margin-right:2px;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                background: #00B4E5;
            }
                .tabMenu li:last-child {
                    border-right: none;
                }
                .tabMenu li a {
                    display: block;
                    font-size: 12pt;
                    font-weight: normal;
                    color: #FFFFFF;
                    text-align: center;
                    padding: 5px 10px;
                    text-decoration: none;
                    text-shadow:3px 3px 7px black;
                }
                    .tabMenu li a:hover:not(.tabActive) {
                        background: #036eb7 !important;
                        border-top-left-radius: 15px;
                        border-top-right-radius: 15px;
                    }
        .tabActive {
            background: #313E49 !important;     /*** NOTE: the active tab should have the same background color as the border ***/
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            color: #A4A4A4;
        }
        .tabNotActive {
            background-color: transparent !important;
        }
        .withBorder { border: 1px solid #313E49; }
/*** end tabbed menus ***/
/*** reorder list ***/
       .DragHandleClass 
        { 
            width: 60px; 
            height: 20px;
            font-size: 11px; 
            background-color: white; 
            cursor: move; 
            text-align:center;
        } 
        .ajaxOrderedList li
        { 
            list-style:none;
            list-style-image:none;
            list-style-type:none;
            background-color:transparent !important;
        }
        .ajaxOrderedList ul
        {
            padding: 0px;
            margin-top: 0px;
            margin-bottom: 2px;
        }
/*** end reorder list ***/
.Text
{
    FONT-SIZE: 12pt;
    COLOR: #595959;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}
.UtilCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #6F6724;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: center;
}
.RptGroup
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #999999;
    TEXT-ALIGN: center;
    empty-cells: show;
}
.PopupBackground
{
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.GroupHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    VERTICAL-ALIGN: middle;
    COLOR: #263651;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: left;
    empty-cells: show;
    PADDING-LEFT: 10px;
}
input[type=text], input[type=password], input[type=radio], input[type=checkbox], input[type=date], input[type=image], textarea, select {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=radio]:hover, input[type=radio]:focus, 
input[type=checkbox]:hover, input[type=checkbox]:focus, input[type=date]:focus, input[type=image]:focus {
  box-shadow: 0 0 5px #00B4E5;
}
input[type=date]:focus, input[type=image]:focus { /* note: separate focus entry for date and image since outline still appears on focus */
  outline: none;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {  /* affects chrome and edge browsers only (or any other chromium based browser), hides the default calendar inside input field */
  display: none;
  -webkit-appearance: none;
}
input[type=button], input[type=submit] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus {
  text-decoration: none;
  border-color: #00B4E5;
}
.SubmitBtn, .NoColorBtn{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    MARGIN: 3px;
    COLOR: #313E49;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center;
    border: solid 1px #00B4E5;
    border-radius: 15px;
    box-shadow: 0 0 1pt 1pt #FFFFFF;
    cursor: pointer;
}
.SubmitBtn:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    MARGIN: 3px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #00B4E5;
    TEXT-ALIGN: center;
    border: solid 1px #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 0 1pt 1pt #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.SiteFooter
{
    border:0px solid black;
    margin:0; 
    padding:0;
    box-sizing:border-box;
    /* background-color: #d9d9d9; */
    /* background-color: red; */
    text-align: right; 

    /* background: linear-gradient(to right, white, #d9d9d9); */ /* Standard syntax (must be last) */
    background: #313E49;
}
.BackStyles   /* for general information pop-ups */
{
    background-color: #00B4E5;
    padding: 5px;
}
/*----------------------- slider switch stylesheet --------------*/
.railHandle {
  position: relative;
  background: #D4D4D4;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
  /* width: 0px; height: 0px;   NOTE: define the width and height of your rail in the css of your aspx */
}
.switchHandle {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/images/switch.png) no-repeat;
  /* width:0; height:0; background-size:0 0; padding-left:0;   NOTE: define the width, height, background-size and padding-left of your switch in the css of your aspx */
}
/*** end slider switch ***/

/*** NOTE: The following settings are for the menus (navFull.aspx) ***/
        ul#listApps,
        ul#listMenus {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 180px;
        }

        #listMenus li a, #listApps li a {
            display: block;
        }

        .padLeftProj {
            padding-left: 10px;
        }

        .padLeftUtil {
            padding-left: 35px;
            text-indent:-15px;
        }

        .appDisplay {
            display: table-cell;
            vertical-align:middle;
        }

        .appWidth {
             width: 200px;
            padding-left: 5px;
        }

        .appSetup {
            width: 100%;
            height: 30px;
            display: table;
            color: #ffffff;
            background-color: #313E49;
        }

	.appSetup:hover { background-color: #00B4E5; color: #000000; }

        .imgDimension {
            width: 25px; 
            height: 25px;
            margin-left:2px;
        }

        .childNavClick {            /* this is like ChildNav class in the styleheet except values are changed and made important, added font-style */
            color: #000000                                              !important;
            text-align: left                                            !important;
            text-decoration: underline                                  !important;
            font-weight: bold                                           !important;
            font-size: 11pt                                             !important;
            font-family: verdana, "Century Gothic", arial, sans-serif   !important;
            background-color: #FFFFFF                                   !important;
            font-style: italic;
        }   /* NOTE: called in code behind of navFull.aspx and navLimited.aspx */

/*** END OF NOTE: The following settings are for the menus (navFull.aspx) ***/