a:link {
    color: #990000;
    text-decoration: none;
}

a:visited {
    color: #990000;
    text-decoration: none;
}

a:hover {
    color: #990000;
    text-decoration: none;
}

a.navSubMenu {
    font-size: 12px;
}

body {
    font-size: 13px;
    font-family: arial,verdana;
    padding: 15px 10px 10px 10px;
}

hr {
    color: #777777;
}

.delimiterHorizontal {
    z-index: -60;
    border-bottom: solid 1px #CCCCCC;
}

.defaultText {
    font-size: 13px;
}

.smalltext {
    font-size: 11px;
    font-family: arial,verdana;
}

.pageTitle {
    font-size: 16px;
    color: #444444;
    font-family: arial,verdana;
    font-weight: bold;
}

.dataTableTitle {
    background-color: #E3EEFE;
}

.dataTableTitle2 {
    background-color: #EEEEEE;
}

.dataTableTitleSmall {
    font-size: 11px;
    font-family: arial,verdana;
    background-color: #E3EEFE;
}

.dataTableContent {
    font-size: 11px;
    font-family: arial,verdana;
    text-decoration: none;
}

.dataTableContent_bottomBorder {
    font-size: 11px;
    font-family: arial,verdana;
    text-decoration: none;
    border-bottom: solid 1px #EEEEEE;
}

.dataTableContentGray1 {
    font-size: 11px;
    font-family: arial,verdana;
    background-color: #F5F5F5;
}

.dataTableContentGray2 {
    font-size: 11px;
    font-family: arial,verdana;
    background-color: #DDDDDD;
}

.dataTableContentGray3 {
    font-size: 11px;
    font-family: arial,verdana;
    background-color: #CCCCCC;
}

.dataTableContentGray4 {
    font-size: 11px;
    font-family: arial,verdana;
    background-color: #BBBBBB;
}

.dataTableRowSelected {
    font-size: 11px;
    font-family: arial,verdana;
    background-color: #FFFF99;
}
.tooltip {
  position: relative;
  display: inline-block;
  padding-left:3px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width:380px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.leftNavTitle {
    color: #555555;
}

.defaultbody {
    font-size: 9 pt;
    font-family: sans-serif,verdana;
    background-color: #FFFFFF;
}

.defaultnavbody {
    font-size: 9 pt;
    font-family: sans-serif,verdana;
    background-color: #DDF0FF;
}

.tablebutton {
    font-size: 9 pt;
    font-family: sans-serif,verdana;
    background-color: #ddddEE;
    color: #333377;
    border-top: 1px solid #8888AA;
    border-left: 1px solid #8888AA;
    border-bottom: 1px solid #000022;
    border-right: 1px solid #000022;
}

.tablebuttonInactive {
    font-size: 9 pt;
    font-family: sans-serif,verdana;
    background-color: #ddddEE;
    color: #9999AA;
    border-top: 1px solid #8888AA;
    border-left: 1px solid #8888AA;
    border-bottom: 1px solid #000022;
    border-right: 1px solid #000022;
}


.topmenumain {
    font-size: 11px;
    font-family: sans-serif,verdana;
    text-decoration: none;
    border-top: 1px solid #848284;
    border-left: 1px solid #848284;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #D6D3CE;
}

.topmenumainup {
    font-size: 11px;
    font-family: sans-serif,verdana;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #848284;
    border-bottom: 1px solid #848284;
    background-color: #D6D3CE;
}

.statusbarmain {
    font-size: 11px;
    font-family: sans-serif,verdana;
    text-decoration: none;
    border-top: 1px solid #848284;
    border-left: 1px solid #848284;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #D6D3CE;
}

.bottomcopy {
    font-family: sans-serif,arial;
    font-size: 8pt;
    text-decoration: none;
    color: #CC0000;
}

.homeBoxHeader {
    font-size: 9 pt;
    font-family: arial,sans-serif,verdana;
    background-color: #84BAE7;
    color: #ffffff;
}

.formElements {
    font-size: 8pt;
}

.formButtons {
    xbackground-color: #FFFFFF;
    xbackground-color: #DDE5FF;
    xborder-bottom: 1px solid #104A7B;
    xborder-right: 1px solid #104A7B;
    xborder-left: 1px solid #AFC4D5;
    xborder-top: 1px solid #AFC4D5;
    font-size: 8pt;
}

.propertyName {
    font-weight: bold;
}

.propertyValue {
}

.textForm {
    width: 200px;
}

.pageActionLink {
    padding: 0px 15px 0px 15px;
    text-decoration: none;
}

.metricHeader {
    border-bottom: solid 1px #aaaaaa;
    width: 150px;
}

.metricData {
    font-size: 26px;
}

.green {
    color: #009900;
}

.red {
    color: #990000;
}

#timeBubbleUser {
    font-size: 14px;
    font-weight: bold;
    color: #668CD9;
}

#selectcattree a:link {
    color: #0033AA;
    text-decoration: none;
}
.search{
    background-image: url('/images/nav/search.png'); /* Add a search icon to input */
    background-position: 5px 5px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    padding: 5px 5px 5px 25px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
}

.ispinner {
    position: relative;
    width: 20px;
    height: 20px;
}

    .ispinner .ispinner-blade {
        position: absolute;
        top: 37%;
        left: 44.5%;
        width: 10%;
        height: 25%;
        background-color: #8e8e93;
        border-radius: 50%/20%;
        -webkit-animation: iSpinnerBlade 1s linear infinite;
        animation: iSpinnerBlade 1s linear infinite;
        will-change: opacity;
    }

        .ispinner .ispinner-blade:nth-child(1) {
            -webkit-transform: rotate(30deg) translate(0, -150%);
            transform: rotate(30deg) translate(0, -150%);
            -webkit-animation-delay: -1.6666666667s;
            animation-delay: -1.6666666667s;
        }

        .ispinner .ispinner-blade:nth-child(2) {
            -webkit-transform: rotate(60deg) translate(0, -150%);
            transform: rotate(60deg) translate(0, -150%);
            -webkit-animation-delay: -1.5833333333s;
            animation-delay: -1.5833333333s;
        }

        .ispinner .ispinner-blade:nth-child(3) {
            -webkit-transform: rotate(90deg) translate(0, -150%);
            transform: rotate(90deg) translate(0, -150%);
            -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
        }

        .ispinner .ispinner-blade:nth-child(4) {
            -webkit-transform: rotate(120deg) translate(0, -150%);
            transform: rotate(120deg) translate(0, -150%);
            -webkit-animation-delay: -1.4166666667s;
            animation-delay: -1.4166666667s;
        }

        .ispinner .ispinner-blade:nth-child(5) {
            -webkit-transform: rotate(150deg) translate(0, -150%);
            transform: rotate(150deg) translate(0, -150%);
            -webkit-animation-delay: -1.3333333333s;
            animation-delay: -1.3333333333s;
        }

        .ispinner .ispinner-blade:nth-child(6) {
            -webkit-transform: rotate(180deg) translate(0, -150%);
            transform: rotate(180deg) translate(0, -150%);
            -webkit-animation-delay: -1.25s;
            animation-delay: -1.25s;
        }

        .ispinner .ispinner-blade:nth-child(7) {
            -webkit-transform: rotate(210deg) translate(0, -150%);
            transform: rotate(210deg) translate(0, -150%);
            -webkit-animation-delay: -1.1666666667s;
            animation-delay: -1.1666666667s;
        }

        .ispinner .ispinner-blade:nth-child(8) {
            -webkit-transform: rotate(240deg) translate(0, -150%);
            transform: rotate(240deg) translate(0, -150%);
            -webkit-animation-delay: -1.0833333333s;
            animation-delay: -1.0833333333s;
        }

        .ispinner .ispinner-blade:nth-child(9) {
            -webkit-transform: rotate(270deg) translate(0, -150%);
            transform: rotate(270deg) translate(0, -150%);
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
        }

        .ispinner .ispinner-blade:nth-child(10) {
            -webkit-transform: rotate(300deg) translate(0, -150%);
            transform: rotate(300deg) translate(0, -150%);
            -webkit-animation-delay: -0.9166666667s;
            animation-delay: -0.9166666667s;
        }

        .ispinner .ispinner-blade:nth-child(11) {
            -webkit-transform: rotate(330deg) translate(0, -150%);
            transform: rotate(330deg) translate(0, -150%);
            -webkit-animation-delay: -0.8333333333s;
            animation-delay: -0.8333333333s;
        }

        .ispinner .ispinner-blade:nth-child(12) {
            -webkit-transform: rotate(360deg) translate(0, -150%);
            transform: rotate(360deg) translate(0, -150%);
            -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s;
        }

    .ispinner.ispinner-large {
        width: 35px;
        height: 35px;
    }

        .ispinner.ispinner-large .ispinner-blade {
            width: 8.5714285714%;
            height: 25.7142857143%;
            border-radius: 50%/16.67%;
        }

@-webkit-keyframes iSpinnerBlade {
    0% {
        opacity: 0.85;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 0.25;
    }
}

@keyframes iSpinnerBlade {
    0% {
        opacity: 0.85;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 0.25;
    }
}
#selectcattree a:link {color:#0033AA; text-decoration:none;}
#selectcattree a:visited {color:#0033AA; text-decoration:none;}
#selectcattree a:hover {color:#990000; text-decoration:none;}
#selectcattree a.red { color:#990000;
}

input[type="date"] {
	width: 116px;
	font-size: 12px;
	font-weight: 600;
}

.fancyBtn {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ededed 5%, #dedede 100%);
    background-color: #e4e4e4;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
}

    .fancyBtn:hover {
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        background-color: #dfdfdf;
    }

    .fancyBtn:active {
        position: relative;
        top: 1px;
    }
    .fancyBtn:disabled {
        color: rgba(16, 16, 16, 0.3);
        background: rgba(239, 239, 239, 0.3);
        border-color: rgba(118, 118, 118, 0.3);
    }
.valMsg {
    display: block;
    color: red;
    margin-bottom: 10px;
    margin-left: 3px;
    font-size: 12px;
    font-style: italic;
}

.filterForm tr{
    height: 26px;
}
.filterForm select {
    height: 21px;
    min-width: 150px;
    font-size: 12px;
}
.filterForm .helpTxt {
    font-size: 11px;
    font-style: italic;
    color: gray;
    padding: 9px 10px;
    position: absolute;
    display:none;
}
    .filterForm .helpTxt.show {
        display:block !important;
    }