body {
        color:              black;
        background-color:   whitesmoke;
        text-align:         center;
        padding:            0px;
        margin:             0px;
        font-family: 		Verdana, Arial, Helvetica, sans-serif;
		font-weight: 	    normal;
    }

    a { color: maroon; } 
    
    a:hover { color: blue; } 

    span.disabled { color: #999999; }

	a.disabled {
        color: #999999; 
		text-decoration:none;
		cursor:default;
    }

	a.dm_link { white-space: nowrap; }

    .ellipsis {
        width: inherit;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    div.be_confirm {
        padding: 0.25em;
        margin-left: 1em;
        border-left: solid maroon 1px;
    }
    div.displayBlock { display: block; }

    div#sectionlinks a.about { color: midnightblue; color: #333333;text-decoration: none; }
    div#sectionlinks a.about:hover { color: blue; text-decoration: underline; }

    div#sectionlinks a.top { font-size: smaller; color: midnightblue; color: #333333;text-decoration: none; }
    div#sectionlinks a.top:hover { color: blue; text-decoration: underline }
    div#sectionlinks a.top.ist_navdisabled { color: #666666; background-color: transparent !important; }
    div#sectionlinks a.top.ist_navdisabled:hover { color: #666666; text-decoration: none;}

    div#sectionlinks a.logout { color: midnightblue; color: #333333; text-decoration: none;}
    div#sectionlinks a.logout:hover { color: blue; text-decoration: underline;}

    div.suspendedTasks {
        margin-top: 0.25em;
        padding: 0.25em;
        background-color: #FFFFCC;
        color: maroon;
        border: solid maroon 1px;
        border-radius: 3px;
        font-family: Courier;
    }

    div.upgrade_info_all { display: none }

    select.hilite {
        color:              red;
        background-color:   #FFFFCC;
    }

    option.hilite { 
        color:              red;
        background-color:   #FFFFCC;
    }

    option.others {
        color:              black;
        background-color:   white;
    }

    .rowhilite {
        background-color: #FFFFCC;
    }

    div.form_error {
        border: solid red 1px;
        background-color: #FFFFCC;
        margin-left: 2em;
        margin-right: 2em;
        padding: 0.5em;
        font-weight: normal;
        display: none;
    }

    div.info1 { margin-bottom: 0.35em; }

    div.info1 div.info1 { border: none; }
    div.info1 div.label { font-weight: bold; }

    div.header { border: none; margin-bottom: 0.5em; }
    div.header div.label {
        color: whitesmoke;
        font-style: italic;
    }

    div.info2 { border: none; }

    div.info2 > div.labelXYZ {
        padding: 0.25em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        padding-left: 0.25em;
        font-weight: bold;
        border-bottom: none; 
        color: whitesmoke;
        font-style: italic;
    }

   div.info2 > div.label {
        padding: 0.5em;
        border: solid #CCCCCC 1px;
        background-color: #EEEEEE;
        border-radius: 3px;
        font-weight: bold;
    }

    div.info1 > div.label {
        padding: 0.5em;
        font-weight: bold;
        white-space: nowrap;

        color: maroon;
        font-weight: bold;
        background: -webkit-linear-gradient(#FFFFFF,#EEEEEE);
        background: linear-gradient(#FFFFFF, #EEEEEE);

        border: solid #CCCCCC 1px;
        border-bottom: none;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
    }

    div.info1 > div.label span.l1 a,
    div.info2 > div.label span.l1 a
    { 
        margin-left: 1em;
        font-weight: normal;
        text-decoration: underline;
    }

    div.info1 > div.data {
        margin: none;
        padding: 0.5em; 

        background-color: white;

        border: solid #CCCCCC 1px;
        border-top: none;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
    }

    div.info5 {
        margin: 0.5em;
        padding: 0.5em;
    }

    div.info3 {
        margin: 0.5em;
        padding: 0.5em;
        border: solid #CCCCCC 1px;
    }

    div.info3 > div.label,
    div.info3 > div.label.noborder {
        margin-bottom: 0em;
        padding-bottom: 0em;
        border: none;
        color: black;
        font-weight: bold;
        white-space: nowrap;
    }

    div.info3 > div.data { margin-top: 0.5em; }

    div.info4
    {
        padding:0.25em;
        background-color: #EEEEEE;
        border: solid #222222 1px;
        margin-bottom: 0.25em;
    }

    div.info2 > div.data {
        padding: 0;
        border-radius: 3px;
    }

    div.info2.useredit {
        margin-top: 0.5em;
    }

    div.info2.useredit div.data {
        border-left: solid #CCCCCC 1px;
        border-right: solid #CCCCCC 1px;
        border-bottom: solid #CCCCCC 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 0.25em;
    }

    div.extlabel {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
        padding: 0.5em;
        border: solid #CCCCCC 1px;
        background-color: #EEEEEE;
        border-radius: 3px;
        font-weight: bold;
    }

    div.inst {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
        padding: 0.5em;
        border: solid #CCCCCC 1px;
        background-color: #EEEEEE;
        border-radius: 3px;
    }

    span#div_fulljump_menu {
        color: maroon;
        font-size: 85%;
        z-index: 2;
        position: absolute;
        top: 0.12em;
        cursor: default;
    } 
    div#div_jump_options_list ul {
        margin-bottom: 1em;
        cursor: pointer;
    }

    tr.even {
        background-color: transparent;
    }

    tr.odd {
        background-color: rgb(230,230,230);
    }

    tr.keyvalue > td:nth-child(even),
    tr.keyvalue > th:nth-child(even) { text-align: left; padding-left: 0.5em; }
    tr.keyvalue > td:nth-child(odd),
    tr.keyvalue > th:nth-child(odd) { text-align: right }

    div.def {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding: 0.5em;
        border: solid #CCCCCC 1px;
    }

    div.inst2 {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
    }

    div.inst2 div.label2 { 
        color: black;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        padding-left: 0.25em;
        font-weight: bold;
    }
    
    div.inst2 div.data {
        padding: 0.5em;
        background-color: #EEEEEE;
        border: solid #999999 1px;
        border-radius: 4px;
    }

    div.inst span.heading {
        display: block;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    div.ftpinfo {
        margin: 0.5em;
        padding: 0.5em;
        border: solid #CCCCCC 1px;
        font-size: smaller;
        background-color: #EEEEEE;
    }

    div.ftpinfo span.bold {
        font-weight: bold;
    }

    span.bold {
        font-weight: bold;
    }

    div.page { display: block; }

    td.homenav {
        text-align: center;
        vertical-align: top;
        padding-right: 1em;
    }

    td.homenav:first-child { padding-left: 0.5em; }
    td.homenav:last-child { padding-right: 0.5em; }

    div.sectiontitle {
        font-family: Verdana, sans-serif;
        font-size: medium;
        font-weight: bold;
        color: maroon;
        text-align: left;
        padding-top: 0.2em;
        padding-left: 0.5em;
        background: -webkit-linear-gradient(#FFFFFF,#EEEEEE);
        background: linear-gradient(#FFFFFF, #EEEEEE);
        border-bottom: none;
        border: solid #CCCCCC 1px;
        border-bottom: none;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding-bottom: 0.2em;
        margin: 0;
        margin-bottom: 0px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
    }

    div.contents div.navlist { text-align: left; }

    div#div_home
    {
        position: absolute;
        left:     11em;
        top:      2.25em;
        text-align: left;
        z-index: 1;
    }

    div#div_home,
    div.home {
        font-size: small;
        padding: 0.25em;
        margin-bottom: 5px;
    }

    div#div_home.homemenu {
        background-color: white;
        border: solid #cccccc 1px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;

        border: none;
        background-color: inherit;
        border-radius:none; 
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    div.sub1x1
    {
        font-size: small;
        width: 62em; 
    }

    div.contents div.navlist ul li a {

        margin: auto;
        font-size: medium; 
        display:block;
        width:  13em;

        color: #333333;
        font-family: Verdana, sans-serif;
        text-decoration:none;
    } 

    div.contents div.navlist ul li a.istnav {
        border: none; 
        color: #333333;
        text-decoration: none;
    }

    div.contents div.navlist ul li a.istnav:hover {
        color:            blue;
        text-decoration: underline;
    }

    div.contents div.navlist ul li a.istnav_disabled {
        font-style: italic;
        cursor: default;
        color: #999999;
    }

    div.contents div.navlist ul li a.istnav_disabled:hover {
        color: #999999;
    }

    div#sectionlinks a.istnav_disabled { color: #666666 !important; }
    div#sectionlinks a.istnav_disabled:hover { color: #666666 !important;
        text-decoration: none !important; }

    div.contents div.navlist ul {
	    font-family: Verdana, sans-serif;
        text-align: center;
    }

    div.contents div.navlist ul li { 
        margin: 0 0 3px 0;
        padding: 0.1em 0 0.1em 0;
        list-style-type: none;
        text-align: left;
    }

/*
 * ------------------------------------------------
 */

    a.istnav, a.istnav:hover {
        text-decoration: none;
    }

    a.istnav_disabled {
        font-style: italic;
        cursor: default;
        color: #999999;
        background-color: none;
        text-decoration: none;
    }

    a.istnav_disabled:hover {
        color: #999999;
        background-color: none;
        text-decoration: none;
    }

    div.viewlabel img,
    div.instructions img,
    div.instructions2 img {
        text-decoration:    none;
        margin:             2px;
        margin-right:       5px;
        padding:            2px;
    }

    div#sectionlinks {
        position:       fixed;
        z-index:        2;
        font-size:      small;
        text-align:     left;
        left:           0.5em;
        top:            0.25em;
        background-color: whitesmoke;
    }

    /* start jquery ui extra styling, so left hand menu has desired look & feel */
    .ui-menu-item-wrapper a { display: block; border-radius: 3px }
    ul.ui-menu { z-index: 99; font-size: 90%; width: 10em; }
    ul.ui-menu.sub { width: 12em; }
    #menu { margin-top: 0.75em; } 
    #menu, ul.ui-menu.sub {
        border-radius: 3px;
        border: solid #CCCCCC 1px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
    }
    /* end jquery ui extra styling */

    div.thelogo {
        text-align: center;
        padding:    0px;
        margin:     0px;
    }
    div.thelogo a { padding: 0px; margin: 0px; }
    div.thelogo img { padding: 0px; margin: 0px; }

    div.about {
        vertical-align: top;
        text-align: center;
        font-size:  x-small;
        margin:auto;
    }

    div.container_loggedinusers {
        border: solid #CCCCCC 1px; 
        border-radius: 4px;
        padding: 0.1em;
        background-color: #FFFFCC;
    }

    div.container_loggedinusers div.label {
        font-weight: bold;
        color: maroon;
        border-bottom: solid #666666 1px;
        padding: 0.5em;
    }

    div.container_loggedinusers div.contents {
        padding: 0.5em;
    }

    div.morelinks {
        display:    block;
        text-align: left;
        font-size:  small;
    }

    div.navstrip {
        font-size: small;
        display:   block;
        position:  absolute;
        text-align: left;
        left:      11em;
        top:       0.2em;
        width:     62em;
        color:     maroon;
        padding-left:   0.3em;
        padding-bottom: 0.3em;
        white-space: nowrap;
    }

    div#div_navstrip_msg {
        padding-top: 0.2em;
        float: right;
        font-size: smaller;
        color: black;
        border: solid #CCCCCC 1px;
        border-radius: 4px;
        border: none; 
    }
    div#div_options_list,
    div#div_jump_options_list { background-color: white; }

    div#div_navstrip_msg span.loggedin {
        color: #999999;
        font-style: italic; 
    }

    div#div_logout {
        margin-top: 2em;
    }

    div.navstrip { color: midnightblue;  color: #333333}
    div.navstrip a
    {
        color: midnightblue; color: #333333;
        text-decoration: underline;
    }
    div.navstrip a:hover { color: blue; }

    a.lostpass { color: midnightblue; color: #333333; text-decoration: none;}
    a.lostpass:hover { color: blue; text-decoration: underline}

    div.password
    {
        width:      20em;
        text-align: center;
        font-size:  small;
        margin: auto;
        margin-top: 2em;
        background-color: white;
        border: solid #CCCCCC 1px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
    }

    div.sum1x1
    {
        font-size: small;
        display: block;
        width:   62em;
        color: black;
        padding: 0.5em;
        padding-right: 0.8em;
    }

    div.sum1x1 div.contents
    {
        padding: 0px;
        margin: 0.5em;
        background-color: transparent;
    }

    div.sum1x1 div.contents a
    {
        color: black;
        text-align: center;
    }

    div.importdev {
        margin-bottom: 1em;
    }

    #div_list {
        margin-left: 2em;
        margin-right: 2em;
    }

    #div_list table caption,
    div.importdev table caption { 
        font-weight: bold;
        margin: 0.25em;
        white-space: nowrap;
    }

    div.div_scroll {
	height: 21em; 
	overflow: auto;
	border: 1px solid #cccccc;
	padding: 0.5em;
    }

    table {
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
    }

    div.importdev table { border: solid #666666 1px; }
    div.importdev table tr { border: solid #CCCCCC 1px; }
    div.importdev table tr th { border: solid #CCCCCC 1px;  padding: 0.25em; }
    div.importdev table tr td { border: solid #CCCCCC 1px;  padding-left: 0.25em; padding-right: 0.25em; }

    div.siteAction {
        margin: 0.25em;
    }

    table.traceroute {
        border: solid #CCCCCC 1px;
    }

    table.traceroute td, 
    table.traceroute th  {
        border: solid #CCCCCC 1px;
        padding-left: 0.25em;
        padding-right: 0.25em;
    }

    table.traceroute th { text-align: center; }

    table.escalate {
        border: solid #CCCCCC 1px;
    }

    table.escalate th { text-align: center; padding: 0.25em; border: solid #CCCCCC 1px;}
    table.escalate td { text-align: center; padding: 0.25em; border: solid #CCCCCC 1px; }

    table.firewall th,
    table.firewall td {
        padding-left: 0.5em;
        padding-right: 0.5em;
        text-align: center;
        border: solid #CCCCCC 1px;
    }

    table.action { border: none; }

    table.section,
    table.info {
        margin-right: 0.25em;
        margin-bottom: 0.25em;
        border: none; 
        background-color: white;
    }

    table.section caption { 
        font-weight: bold;
        margin: 0.25em;
        white-space: nowrap;
    }

    table.info > thead > tr > th,
    table.info > thead > tr > td,
    table.info > tbody > tr > td,
    table.info > tbody > tr > th,
    table.section > thead > tr > th,
    table.section > thead > tr > td,
    table.section > tbody > tr > td,
    table.section > tbody > tr > th
    {
        border: solid #CCCCCC 1px;
        padding: 0.2em;
    }

    table.section > thead > tr > th { text-align: center; }
    table.section > tbody > tr > th:(first-child),
    table.section > tbody > tr > td {
        text-align: left;
    }

    div.modlink a:not(:first-child) { margin-left: 0.5em; }

    table.events tr td,
    table.events tr th,
    table.filelist tr td,
    table.filelist tr th
    {
        padding-left: 0.25em;
        padding-right: 0.25em;
    }

    table.subsection { 
        margin-right: 0.25em;
        margin-bottom: 0.25em;
        border: solid #CCCCCC 1px;
    }

    table.subsection tr.h0 th,
    table.subsection tr.h0 td { 
        border: solid #CCCCCC 1px;
    }

    table td.bannerlinks {
        color:  maroon;
        text-align: right;
    }

    div.sum1x1 div.contents,
    div.sub1x1 div.contents
    {
        display:        block;
        font-size:      small;
    }

    div.sub1x1 div.contents
    {
        padding: 0px;
        margin: 0px;
        background-color: transparent;
    }

    dl { font-size: small; margin-top: 0px; padding-top: 0px; }
    dt { font-size: small; margin-left: 0em; margin-bottom: 0.25em; }
    dt { font-size: small; margin-left: 0em; margin-right: 0.5em; margin-bottom: 0.5em; padding: 0.2em; background-color: rgb(247,247,247); border: solid rgb(222,231,248) 1px; border: solid #CCCCCC 1px; }
    dt {
        border: solid rgb(67,149,57) 1px;  background-color: rgb(229,238,225); 
    }
    ul { font-size: small; padding: 0px; margin: 0px; }

    ul li {
        margin: 0.5em;
        list-style-type: none;
    }

    span.fyi2d li {
        margin: 0 0 0.2em 0;
    }

    a.sortheader { text-decoration: none; }

    a.li {
        color: black;
        font-weight: bold;
        padding-right: 1em;
    }

    div.def a.li:hover { color: blue; }

    div.sum3x3
    {
        font-size:          small;
        text-align:         center;
        width:              18em;
        background-color:   transparent;
    }
    div.sum3x3 > div.contents {
        margin: 0px;
        padding: 0.5em; 

        background-color: white;

        border: solid #CCCCCC 1px;
        border-top: none;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
    }

    span.attempt { font-style: italic;
        color: maroon;
    }
    span.cattempt { font-style: normal; }

    span.warn { font-style: italic; font-weight: bold; color: red;}

    div.attempt, div.attempt2 {
        font-weight:        normal;
        padding:            3px;
        border:             solid #999999 1px;
        margin-top:         5px;
        margin-bottom:      5px;
        background-color: rgb(247,247,247);
    }

    div.attempt2 { background-color:   #FFFFEE; }

    div.attempt a.attempt,
    div.attempt2 a.attempt { maroon }

    div.attempt a.attempt:hover,
    div.attempt2 a.attempt:hover { color: blue; }


    a sup,
    sup a { text-decoration: none; }
    sup a { color: blue; }

    a.mtg { color: black; }

    span.active {
        font-weight: bold;
        font-style: italic;
        color:  #339933;
    }

    div.unusedExts {
        border: solid #CCCCCC 1px;
        margin-top: 0.5em;
        padding: 0.5em;
    }

    a.unused_ext { color: black; text-decoration:none;}
    a.unused_ext:hover {
        color: maroon;
        text-decoration:underline;}

    form {
        padding:        0px;
        margin:         0px;
        font-family:    Verdana, sans-serif;
        font-size:      small;
    }

    form.input {
        border:         none; 
        padding:        0px;
        margin:         0px;
    }

    form.overlay input { margin-bottom: 0.5em; }

    div.fyi2,
    div.fyi2_h,
    div.fyi2_a
    {
        text-align:         left;
        color:              black;
        background-color:   whitesmoke; 
        font-weight:        normal;
        font-size:          small;
        margin-bottom:      0.25em;
        padding: 0.25em;
        border-radius: 4px;
    }

    div.fyi2 span.fyi2b,
    div.fyi2_h span.fyi2b,
    div.fyi2_a span.fyi2b
    {
        text-align:         left;
        color:              white;
        display:            block;
    }

    div.fyi2 span.fyi2b { background-color: #006666; }
    div.fyi2_h span.fyi2b { background-color: #993333; }
    div.fyi2_a span.fyi2b { background-color: #993333; }

    div.fyi2 span.fyi2d,
    div.fyi2_h span.fyi2d,
    div.fyi2_a span.fyi2d
    {
        display:            block;
        text-align:         left;
        color:              black;
    }

    div.fyi2_h { background-color: #FFFFCC; border: solid #D1D19E 1px; }
    div.fyi2_a { background-color: #FFFFCC; border: solid #D1D19E 1px; }
    div.fyi2 { border: solid #CCCCCC 1px; background-color: #EEEEEE; }

    div.fyi2_h { border: solid #993333 1px;  }
    div.fyi2_a { border: solid red 1px;  }

    div.fyi2_h span.fyi2b { color: #993333; font-weight: bold; background-color: transparent; }
    div.fyi2_a span.fyi2b { color: #993333; font-weight: bold; background-color: transparent; }

    div.fyi2 span.fyi2b {
        font-weight: bold;
        color: rgb(67,149, 57);
        background-color: rgb(229,238,225);
        color: #666666;
        background-color: #EEEEEE
    }

    div.fyi {
        color:              black;
        background-color:   #FFFFCC;
        border:             solid #003366 1px;
        padding:            0.1em;
    }

    input,
    select,
    button
    {
        font-family:    Verdana, sans-serif;
        font-size:      small;
    }

    form.input text,
    form.input textarea,
    form.input select,
    form.input option 
    {
        font-family:    Verdana, sans-serif;
        font-size:      small;
    }

    input.value {
        text-align: right;
    }

    textarea#textarea_notes {
        font-family: monospace;
    }

    .hidden { display:none; }

    div.placeholder { display:none;}

    form.hidden {
        margin:         0px;
        padding:        0px;
        width:          0px;
        border:         none; 
    }

    div.obsolete_hidden {
        position:   absolute;
        width:      0px;
        height:     0px;
        display:    none;
    }

    form.normal {
        padding-bottom:     4px;
        border:             none;
    }

    td.cell_l, td.cell_r {
        padding:        4px;
    }

    td.cell_l {
        border-left:    solid #CCCCCC 1px;
        border-top:     solid #CCCCCC 1px;
        border-bottom:  solid #CCCCCC 1px;
        border-right:   none;
    }

    td.cell_r {
        border-left:    none;
        border-top:     solid #CCCCCC 1px;
        border-bottom:  solid #CCCCCC 1px;
        border-right:   solid #CCCCCC 1px;
    }

    div.msg {
        font-weight: normal;
        margin: 0.5em;
        border: solid #CCCCCC 1px;
        background-color: rgb(247,247,247);
        padding: 0.5em;
    }

    table.config {
        margin-bottom:  0.5em;
    }

    table th.section a {
        color: white;
        text-decoration: underline;
        margin: 0px;
        padding-left: 0px;
    }

    table th.section a:hover {
        color: yellow;
    }

    .formLabel,
    .checkBoxLabel {
        vertical-align:     middle;
        padding-right:      4px;
        font-weight: bold;
    }

    .formLabel { text-align: right;}
    .checkBoxLabel { text-align: left;}
    
    .checkBoxLabelNormal {
        vertical-align:     middle;
        padding-right:      4px;
        font-weight: 		normal;
        text-align:			right;
    }

    tr.hq td {
        background-color: #FFFFCC;
    }

    tr.h0b, tr.h0b td {
        margin-top:      3em;
        border-top:       solid black 1px;
        background-color: #FFFFCC;
    }

    tr.h1 td {
        background-color:   #FFFFCC; 
    }

    tr.h2 td {
        background-color:   #EEEEEE; 
    }

    td.textInputBox {
        text-align:   left;
        padding-left:  0.1em;
        padding-right: 0.5em;
    }
        
    td.pfk_desc {
        max-width:		620px;
        white-space:	wrap;
        word-wrap:		break-word;
    }

    div.fixed {
        margin:         2px;
        padding:        2px;
    }

    div.fixed table {
        border:             solid 1px;
        background-color:   #FFFFCC;
    }

    pre.tableCol {
        font-family:    Verdana, sans-serif;
        font-size:      small;
        white-space:    pre-wrap;
    }

    span.regsum {
        color:          #000066;
        font-size:      smaller;
    }

    span.registered {
    }

    span.notregistered {
        color: gray;
        font-style: italic;
    }

    span.footnote {
        font-style:     italic;
    }

    span.emergency {
        font-weight: normal;
    }

    span.i { font-style: italic; }

    div.highlight,
    span.highlight {
        border:             none; 
        font-weight:        bold;
        color:              red;
    }

    span.fieldinvalid {
        font-style: italic;
        color: red;
        display: none;
    }

    span.alert {
        color:              red;
        background-color:   #FFFFCC;
    }

    div.alert {
        color:              black;
        background-color:   #FFFFCC;
        border: solid maroon 1px;
        border-radius: 3px;
        padding: 0.25em;
        margin: 0.25em;
        font-size: smaller;
    }

    body.help {
        width:              100%;
        height:             100%;
        background-color:   white;
        color:              black;
        text-align:         center;
    }

    body.help p {
        width:              100%;
        height:             100%;
        background-color:   white;
        color:              black;
        padding-top:        300px;
    }

    th.section, th.report, th.section2 {
        color:              white; 
        background-color:   #CCCCCC;
        text-align:         center;
        vertical-align:     middle;
        padding:            0.1em;
    }
    
    div.sub1x1 table th.section {
        padding: 0.1em;
        background-color: maroon;
        
    }

    th.section a {
        color: white;
        font-weight: normal;
        padding-left: 75px;
    }

    th.section2 {
        color:              black; 
        background-color:   #ffcc99;
    }

    .c_l, .c_c, .c_r { padding: 0.2em; }
    .c_l { text-align: left; }
    .c_c { text-align: center; }
    .c_r { text-align: right; }

    .no_rb, .no_rb { border-right: none !important}
    .no_lb, .no_lb { border-left: none !important}

	td.bold { font-weight: bold; }
    td.highlight { background-color: #FFFFCC; }

    td.nw { white-space: nowrap; }
    td.aligntop { vertical-align: top; }
    td.alignmiddle { vertical-align: middle; }
    td.alignbottom { vertical-align: bottom; }

    td.empty {
        padding-left:       0.2em;
        padding-right:      0.2em 
    }

    .left {
        text-align:         left;
    }

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

    .right {
        text-align:         right;
    }

    .border { border: solid #CCCCCC 1px; }

    table.border { 
        margin: 0.5em;
        border: solid #CCCCCC 1px;
    }

    table.border td,
    table.border th {
        padding-left: 0.25em;
        padding-right: 0.25em;
        border: solid #CCCCCC 1px;
    }

    div.systemEventRecords {
        margin:     0px;
        padding:    0px;
    }

    div.systemEventRecords td.heading {
        text-align:    center;
        padding-left:  4px;
        padding-right: 4px;
    }

    div.systemEventRecords td.severity {
        text-align:    center;
        padding-right: 4px;
        padding-left:  4px;
        border-right:  dashed black 1px;
        border-bottom: dashed black 1px;
    }

    div.systemEventRecords td.ticks {
        text-align:     left;
        padding-left:  4px;
        padding-right:  4px;
        border-right:  dashed black 1px;
        border-bottom:  dashed black 1px;
    }

    div.systemEventRecords td.logbuf {
        text-align:     left;
        padding-left:  4px;
        padding-right:  4px;
        border-bottom:  dashed black 1px;
    }

    div#subnav {
        position:       absolute;
        top:            5px;
        left:           230px;
        right:          160px;
    }

    div.login a {
        color:  maroon;
    }

    div.login {
        color:              black;
        border:             solid black 1px;
        margin:             auto;
        margin-top:         10px;
        padding:            4px;
        text-align:         center;
        width:              400px;
    }

    div.cdr, div.cdrlive {
        padding-top:    5px;
        padding-left:   5px;
        text-align:     left;
    }

    div.cdr table, div.cdrlive table {
        padding-left:   3px;
        padding-right:  3px;

    }

    div.cdr td, div.cdrlive td
    {
        vertical-align: top;
        text-align:     left;
        padding-left:   2px;
        padding-right:  2px;
    }

    div.cdr td.headingStart,
    div.cdrlive td.headingStart,
    div.cdr td.headingLength,
    div.cdr td.headingFrom,
    div.cdrlive td.headingFrom,
    div.cdr td.headingTo,
    div.cdrlive td.headingTo,
    div.cdr td.headingDialed,
    div.cdr td.headingPin
    {
        vertical-align:     bottom;
        border-bottom:      solid black 1px;
        text-align:         center;
    }

    div.cdr td.headingStart,
    div.cdr td.headingTo,
    div.cdr td.headingPin
    {
        border-right:       solid #CCCCCC 1px;
    }

    div.cdr td.headingLength,
    div.cdr td.headingFrom
    {
        border-right:       solid black 1px;
    }

    div.cdrlive td.headingStart,
    div.cdrlive td.headingFrom
    {
        border-right:       solid black 1px;
    }


    div.cdr td.st,
    div.cdrlive td.st,
    div.cdr td.len,
    div.cdr td.c0,
    div.cdrlive td.c0,
    div.cdr td.c1,
    div.cdrlive td.c1,
    div.cdr td.c2,
    div.cdr td.c3
    {
        border-bottom: dashed black 1px;
    }

    div.cdr td.len,
    div.cdr td.c0
    {
        border-right: solid black 1px;
    }

    div.cdr td.st,
    div.cdr td.c1,
    div.cdr td.c2
    {
        border-right: solid #CCCCCC 1px;
    }

    div.cdrlive td.st,
    div.cdrlive td.c0
    {
        border-right: solid black 1px;
    }

    div.cdr td.len
    {
        text-align: right;
    }

    div.view {
        font-size:      small;
        display:        block;
        text-align:     left;
        color: black;
    }

    div.view table { color: black; }

    div.modlink,
    div.ringlink,
    div.desclink {
        margin-left:  0.1em;
        margin-right: 0.1em;
    }

    div.modlink a:not(:first-child) { margin-left: 0.5em; }
    
    div.button a {
        text-align:         center;
        vertical-align:     middle;
        padding-right:      2px;
    }

    div.button a:hover {
        background-color:   #003366;   
        color:              white;
    }

    img { border: none; }

    img.icon16 { height: 16px; width:  16px; }

    span.nonamerec:before { content: '\25CF'; color: maroon; margin-left: 0.5em;}
    span.usersched:before { content: '\1F551'; color: maroon; margin-left: 0.5em;}
    span.parktoext:before { content: '\1F697'; color: maroon; margin-left: 0.5em;}
    span.memo:before { content: '\1F4DD'; color: maroon; margin-left: 0.5em;}

    span.plus { padding-right: 0.25em; cursor: pointer; font-size: 90%;}
    span.minus { padding-right: 0.25em; cursor: pointer; font-size: 90%;}
    span.collapse_ctrl { padding-right: 0.25em; cursor: pointer}

    span.minus:before,
    span.collapse_ctrl.minus:before
    { content: '\25BC'; }

    span.plus:before,
    span.collapse_ctrl.plus:before
    { content: '\25BA'; } 

    span.close:after { content: 'close \2716'; cursor: pointer; }

    td.linkIcon {
        text-align:         center;
        vertical-align:     middle;
    }

    img.linkIcon {
        height:             32px;
        width:              32px;
        text-align:         center;
        vertical-align:     middle;
        margin-right:       5px;
    }

    img.linkButton {
        height:             32px;
        width:              32px;
        text-align:         center;
        vertical-align:     middle;
        margin-right:       3px;
    }

    td.buttons {
        padding-top:        10px;
        background-color:   transparent;
        text-align:         center;
        vertical-align:     middle;
    }

	div.sumlabel {
        height:             40px;
        text-align:         left;
        vertical-align:     middle;
        padding-left:       5px;
        color:              white; 
        background-color:   maroon; 
	}

    div.sumlabel img {
        margin:         2px;
        margin-right:   5px;
        padding:        2px;
    }

    div.buttons {
        padding: 0.25em;
        text-align: left;
        vertical-align: middle;
    }

    div.info2 > div.buttons:not(:first-child) {margin-top: 0.5em;}
    div.info2 > div.buttons:not(:last-child) {margin-bottom: 0.5em;}

    div.buttons input { margin-right: 0.5em; }
    div.buttons input:not(:first-child) { margin-left: 0.5em; }
    div.buttons.no_edit { background-color: transparent; }
    div.buttons.no_edit.white { background-color: transparent; }

    td.note {
        text-align:         justify;
        padding-left:       4px;
    }

	td.action {
		color:			    black;
		background-color:	#CCCCCC;
        border-color:       #006699;
		border-right: 	    dashed;
		border-bottom: 	    solid;
        border-width:       1px;
        padding:            0px;
        margin:             0px;
	}

    td.message {
        color:              black;
        background-color:   white;
        text-align:         center;
        border:             inset 1px;
    }

    table.warning {
        color:              black;
        background-color:   transparent;
        border:             outset 2px red;
    }

    table.confirm {
        color:              black;
        background-color:   transparent;
        border:             outset 2px;
    }

    th.column {
        text-align:   center;
        padding:      2px;
    }

    th.formSection {
        width:              100px;
        padding-top:        5px;
        text-align:         right;
    }

    hr {
        margin-top:         0px;
        margin-bottom:      0px;
        vertical-align:     top;
    }

    td.route, td.droute {
        border-bottom:  dashed black 1px;
        border-right:   solid  black 1px;
    }

    td.droute {
        background-color:   #FFFFCC;
    }

table.caller {
    font-size: smaller;
    border-collapse: collapse;
    border-spacing: 0px;
    border-top: solid #CCCCCC 1px;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

tr.disable {
    background-color: #EEEEEE;
}

td.disabled {
    background-color: #EEEEEE;
    color: #999999;
}

tr.blocked {
    background-color: #DDDDDD;
    color: #999999;
	font-style: italic;
}

.disabledSettings {
    background-color: #CCCCCC;
    color: gray;
}

table.caller td {
    border: none;
    text-align: left;
}

div.confinfo {
    text-align: left;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

div.confinfo table.expconf,
div.confinfo table.schedconf,
div.confinfo table.activeconf
{
    width: 43em;
    border: solid #CCCCCC 1px;
    color: black;
}

table td.caller {
    text-align: left;
}

span.starttime
{
    color: #999999;
}

table.activeconf td,
table.schedconf td,
table.expconf td
{
    text-align: left;
}

table.expconf td.description span.state,
table.schedconf td.description span.state,
table.activeconf td.description span.state,
table.expconf td.description span.bkg,
table.schedconf td.description span.bkg,
table.activeconf td.description span.bkg,
table.schedconf td.description span.disabled,
table.expconf td.description span.disabled
{
    font-weight: normal;
    font-style: italic;
    color: #999999;
    margin-left: 1em;
}

table.activeconf td.description span.state { color: #006600; }

table.schedconf td.description span.disabled,
table.expconf td.description span.disabled {
    color: #FF0000;
}

table.expconf td.description span.bkg,
table.schedconf td.description span.bkg,
table.activeconf td.description span.bkg
{
    margin-left: 1em;
    font-size: smaller;
}

table.expconf td a,
table.schedconf td a,
table.activeconf td a
{
    font-weight: normal;
}

table.activeconf td.description,
table.expconf td.description,
table.schedconf td.description
 {
    margin-left: 0px;
    border: solid #CCCCCC 1px;
    text-align: left;
    font-weight: bold;
    padding: 0.25em;
}

table.activeconf td.description a,
table.expconf td.description a,
table.schedconf td.description a
{
    margin-left: 1em; 
}

table.activeconf td.description div,
table.expconf td.description div,
table.schedconf td.description div,
table.activeconf td.caller div,
table.expconf td.caller div,
table.schedconf td.caller div
{
    position: relative;
}

table.expconf td.description span.state,
table.schedconf td.description span.state,
table.activeconf td.description span.state,
table.expconf td.description span.disabled,
table.schedconf td.description span.disabled,
table.activeconf td.description span.disabled
{
    position: absolute;
    right: 0px;
}

table.activeconf td.description,
table.expconf td.description,
table.schedconf td.description 
{
    vertical-align: middle;
    height: 2em;
}

table.activeconf td.description { color: black; background-color: #EEEEEE; }
table.schedconf td.description { color: black; background-color: #EEEEEE; }
table.expconf td.description { color: black; background-color: #EEEEEE; }

table.forminput {
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: smaller;
}

table.forminput td.label
{
    border: none;
    text-align:right;
    font-weight: bold;
}
table.forminput td.text
{
    border: none;
    text-align:left;
}

span.hint {
    margin-left: 0.5em;
    font-size: smaller;
    color: #666666;
    font-weight: normal;
}

span.hint:first-child { margin-left: 0em; } 
td > span.hint:first-child { margin-left: 0.5em; } 
label > span.hint:first-child { margin-left: 0.5em; } 

div.schedconf {
    margin-top: 1em;
    border: solid maroon 1px;
    background-color: white;
    text-align: center;
}

div.schedconf div.label {
    border-bottom: #CCCCCC 1px;
    font-style: italic;
    text-align: center;
}

div.schedconf div.confsum {
    margin: 0.5em;
    padding: 0.25em;
    background-color: white;
    border: solid #CCCCCC 1px;
}

div.schedconf div.confsum div.info {
    text-align: left;
    background-color: #EEEEEE;
    font-size: smaller;
    padding: 0.2em;
}

div.schedconf div.confsum div.label {
    text-align: left;
}

span.repeat {
    padding-left: 1em;
    color: #999999;
    font-style: italic;
    font-weight: normal;
}

div.conflict {
    margin-top: 1em;
    border: solid maroon 1px;
    padding: 0.5em;
    padding-bottom: 0em;
}

div.conflict div.schedconf {
    text-align: center;
}
div.conflict div.sublabel {
    color: maroon;
    font-size: smaller;
}

span.pleasewait
{
    color: blue;
    font-size: smaller;
    font-style: italic;
    display:none;
}

div.pleasewait,
div.checking
{
    margin: 1em;
    border: solid maroon 1px;
    background-color: #F0F0F0;
    color: maroon;
    font-size: smaller;
    font-style: italic;
    padding: 0.5em;
    display:none;
}

span.hilite {
    color: maroon;
    font-family: Courier;
}

table.outsideborder {
    border: solid #CCCCCC 1px;
}

table.outsideborder td,
table.outsideborder th {
    border: none;
    padding: 0.2em;
}

table.menushortcuts {
    border: solid #CCCCCC 1px;
    text-align: center;
}

table.menushortcuts tr.h0 td {
    text-align: center;
    border: solid #CCCCCC 1px;
}

span.tmpname { font-size: 80%; }
span.tmpname_override { font-size: 80%; }
span.tmpOverrideIndicator,
span.toi { font-weight: bold; font-style: italic; color: blue; }
span.tmpMsg { color: blue; }
.phoneoverride {
    font-weight: bold;
    color: green;
}

div.editForm {
    padding: 0.5em;
    background-color: #CCCCFF;
    border: solid #9999FF 1px;
}

div.editForm span.hint {
        font-weight:    normal;
        font-size:      x-small;
        color:          #333333;
}

div.actionStatus {
    display:none;
    margin: 0.25em;
    padding: 0.5em;
    background-color: #EEEEEE;
    border: solid blue 1px;
    font-style: italic;
    color: blue;
    border-radius: 4px;
}

div.actionStatus span.errorMsg {
    color: red;
}

div.filter {
    padding-top: 0.25em;
    margin: 0.25em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

span.filterlabel {
    color: green;
    font-style: italic;
    padding-right: 0.5em;
}

div.inlineForm {
    padding: 0.5em;
    margin: 0.5em;
    text-align: left;
    border: solid maroon 1px;
    border-radius: 4px;
    -moz-box-shadow: 3px 2px 2px #666666;
    -webkit-box-shadow: 3px 2px 2px #666666;
    box-shadow: 3px 2px 2px #666666;
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
}

div.white { background-color: white; }

div.shadow {
    border: solid #999999 1px;
    box-shadow: 2px 2px 3px #666666;
    border-radius: 5px;
}

div.inlineView {
    background-color: white;
    border: solid maroon 1px;
    padding: 0.5em;
    padding-right: 2em;
    margin: 0.25em;
    text-align: left;
    position: relative;
}

div.beForm {
    border: dashed maroon 1px;
    padding: 0.5em;
    margin: 0.5em;
    text-align: left;
}

div.beForm input.be_button {
    margin-bottom: 0.5em;
    margin-right: 0.25em;
    margin-left: 0px;
    margin-top: 0px;
}
label.cbNumLabel {
    width: 3em;
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    text-align: left;
    vertical-align: middle;
}

thead th.istsort:hover,
thead td.istsort:hover
{
   background-color: maroon;
   color: white
} 

option.myDisabledOption {
    color: #999999;
    font-style: italic; 
}

::-webkit-input-placeholder { /* WebKit browsers */
    padding-left: 0.5em; font-style: italic; font-size: 90%;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    padding-left: 0.5em; font-style: italic; font-size: 90%; 
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    padding-left: 0.5em; font-style: italic; font-size: 90%;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    padding-left: 0.5em; font-style: italic; font-size: 90%; 
}

.search::-webkit-input-placeholder { /* WebKit browsers */
    color:    green; 
}
.search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    green;
}
.search::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    green;
}
.search:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    green;
}

input[type="file"] { width: 0; height: 0; display: none; }

a.button { text-decoration: none; display:inline-block; }

a.button,
input[type="button"],
input[type="submit"],
button
{
    padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: whitesmoke;
    background-color: maroon;
    background: -webkit-linear-gradient(#AA4444,maroon);
    background: linear-gradient(#AA4444, maroon);
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
}

input[type="button"].autooff {
    padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: maroon;
    background-color: white;
    background: -webkit-linear-gradient(white, #AA4444);
    background: linear-gradient(white, #AA4444);
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
        -moz-box-shadow: 0 1px 5px #ccc;
        -webkit-box-shadow: 0 1px 5px #ccc;
        box-shadow: 0 1px 5px #ccc;
}

a.button:active,
input[type="button"]:active,
input[type="submit"]:active,
button:active {
    background: -webkit-linear-gradient(maroon,#AA4444);
    background: linear-gradient(maroon,#AA4444 );
}

a.button.tiny,
input[type="button"].tiny,
input[type="submit"].tiny,
button.tiny
{
    margin: 0;
    font-size: 80%;
    padding: 0.3em;
}

a.button.notsotiny,
input[type="button"].notsotiny,
input[type="submit"].notsotiny,
button.notsotiny
{
    margin: 0;
    font-size: 90%;
    padding: 0.3em;
}

a.button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
button:disabled
{
    color: #999999;
    background-color: #669999;
    background: -webkit-linear-gradient(#AAAAAA,#000000);
    background: linear-gradient(#AAAAAA, #000000);
    cursor: default;
}

div.label a.button,
div.label input[type="button"],
div.label input[type="submit"],
div.label button {
    margin-top: 0px;
    margin-bottom: 0px;
}

.normal { font-weight: normal; }
.notice { color: red; }
.attention { color: blue !important; }

span.hint.attention:first-child { margin-left: 0em; }
span.hint.attention:not(:first-child) { margin-left: 1.0em; }

.noborder { 
    border-bottom: solid #CCCCCC 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

div.systemEventRecords {
    margin: 0px;
    padding: 0.5em;
}

div.systemEventRecords table {
    border-collapse: collapse;
    border: solid #CCCCCC 1px;
}

div.systemEventRecords table th, 
div.systemEventRecords table td {
    border: solid #CCCCCC 1px;
    padding-left: 4px;
    padding-right: 4px;
}

.e_severity { text-align: left; white-space: nowrap; }
.e_date { text-align: right; }
.e_time { text-align: right; }
.e_msg { text-align: left; }

.closex {
    width:15px;
    height:15px;
    border:1px solid #999999;
    position: absolute;
    background-color: white;
    right: 3px;
    top: 3px;
    cursor: pointer; 
}

.closex.circle { border-radius: 10px; }
.mdiv {
    height:15px;
    width:2px;
    margin-left:7px;
    background-color:#999999;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    Z-index:1;
}
.md {
    height:15px;
    width:2px;
    background-color: #999999;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    Z-index:2;
}

span.bulkedit { cursor: pointer }

div.bulkedit > div.label {
    border: none;
    color: maroon; 
    margin-bottom: 0.2em;
}

span.dayslabel { 
    color: maroon;
    font-weight: bold;
}

div.droparea {
    margin-left: 1em;
    margin-right: 1em;
    padding: 0.5em;
    border: solid #EEEEEE 5px;
    border-style: ridge;
    min-height: 2em;
}

div.droparealabel {
    font-weight: bold;
    color: maroon;
    text-align: center;
}

div.droparea.dragenter {
    background-color: #CCFFCC;
}

tr.noupload {
    background-color: #FFFFCC;
}

.pemTextArea {
    width:485px; 
    height:245px; 
    padding: 10px;
    font-family: monospace;
}

.pemDisplay {
    font-family: monospace;
    border: 1px dashed #000;
    background-color: #E7E6E6;
    width: 485px;
    padding: 10px;
}

.handsetinfo {
    font-weight: normal;
    font-size: x-small;
    color: blue;
}
span.autogen {
    border-radius: 3px;
    border: solid maroon 1px;
    color: maroon;
    margin-right: 0.5em;
    padding: 0.2em;
    font-size: 80%;
}

span.autohilite { background-color: maroon; color: white; };

span.block { display: block; }

.dragitems li {
    margin: 0.25em;
    padding: 0.25em;
    border: solid #CCCCCC 1px;
    width: 7.5em;
    box-shadow: 0px 1px 1px 0px #888888;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    background-color: white;
}
span.updown { display: block; float:right; border-left: dashed #CCCCCC 1px; padding-left: 0.15em;} 
span.updown:before { content: '\2195'; /* up/down arrow */
    font-family: monospace;
    font-size: 1.5em;
    color: maroon;
}

span.expall:before { 
    content: '\21A7'; 
    content: '\25BA';
    color: maroon;
    font-size: smaller;
    margin-right: 0.2em;
}
span.colall:before { 
    content: '\21A5'; 
    content: '\25BC';
    color: maroon;
    font-size: smaller;
    margin-right: 0.2em;
}

.dragitems li *:not(input) {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.dragitems li.start *:not(input) {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

table.schedres {
    font-size: smaller;
    margin-bottom: 0.5em;
}

canvas {
		padding: 0px;
		border: solid #CCCCCC 1px;
		vertical-align: top;
}

.nowrap { white-space: nowrap; }

table.settings tr td:first-child {
    vertical-align:     middle;
    padding: 0.2em;
    font-weight: bold;
    text-align: right;
}

table.settings tr td:not(:first-child) {
    text-align: left;
    padding: 0.2em;
}

.locked::after, .lockednote::before { content: '\1F512'; margin-right: 0.5em; }

.convExt::after { content: '\21FE'; color: maroon; margin-left: 0.5em; font-weight:bold;}

.license_na { color: #666666; background-color: #eeeeee; }
.license_has { }
.license_need { background-color: #FFFFCC; }
.license_count {
    padding: 0.2em;
    color: green; 
    font-weight: normal;
}

.license_change_pending {
    background-color: #DDFFFF;
    font-weight: bold;
}
span.license_need { content: 'Need' }


.nolicattached::after { content: '\26A0'; color: red; font-weight: bold; width: 1em; display:inline-block; margin-right: 0.2em; }
.licneed_hilite { color: red; background-color: #FFFFCC; }
.licattached::after { content: '\2713'; color: green; font-weight: bold; width: 1em; display:inline-block; margin-right: 0.2em; }
.licavail_alert { color: red; background-color: #FFCCCC; }

svg.icon {
    width: 1em;
    height: 1em;
    padding-right: 0.1em;
}

th svg.icon,
label svg.icon,
div.licacd svg.icon,
div.licdevice svg.icon,
span.userlic svg.icon,
span.extlic svg.icon
{
    padding-right: 0.1em;
    margin-right: 0.25em;
}
table.readonly div.licacd, 
table.readonly div.licdevice,
table.readonly div.licuser,
table.readonly div.licext
 { margin-top: 0.1em; margin: 0.1em; }

div.inlineResults {
    padding: 0.5em;
    margin: 0.5em;
    text-align: left;
    font-style: italic;
    font-size: smaller;
    border: solid lightblue 1px;
    border-radius: 4px;
    -moz-box-shadow: 3px 2px 2px #666666;
    -webkit-box-shadow: 3px 2px 2px #666666;
    box-shadow: 3px 2px 2px #666666;
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
}
div.inlineResults a {
    padding: 0.25em;
    display: block;
}

.licerror {
    color: red ;
}

div[data-banner] {
    border: solid blue 1px;
    border-radius: 4px;
    padding: 0.25em;
    margin: 0em;
    margin-bottom: 0.25em;
    width: 61.25em;
}

div[data-banner] ul { padding: 0em; margin: 0em; }
div[data-banner] ul li { padding-left: 1.25em; margin: 0em; list-style-type: none; list-style-position: inside; text-indent: -1.25em;}

div[data-banner="alert"] { border: solid red 2px; background-color: lightyellow; }
div[data-banner="warning"] { border: solid orange 1px; background-color: lightyellow; }
div[data-banner="notice"] { border: solid darkgray 1px; background-color: lightyellow;}

div[data-selected] {
    margin-left: 1.5em;
    margin-right: 1em;
    border: solid #999999 1px;
    padding: 0.5em;
}

div[data-selected="true"] {
    color: black;
    background-color: transparent;
}

div[data-selected="false"] {
    color: gray;
    background-color: #CCCCCC;
}

table.nanpa td { text-align: center; border-left: solid black 1px; border-bottom: solid #CCCCCC 1px; }
table.nanpa th { padding-left:0.5em; padding-right: 0.5em; border-bottom: solid #CCCCCC 1px; text-align: left; }
table.nanpa th.heading { color: maroon; border-bottom: solid black 2px; border-left: solid black 1px; text-align: center; }
table.nanpa td.nd { text-align: left; padding-left: 0.5em; padding-right: 0.5em; }


table.handset_pfks { border: solid #CCCCCC 1px; }
table.handset_pfks td { border: solid #CCCCCC 1px; }
tr.pfkhandset td { vertical-align: top; text-align: left; }
tr.pfkhandset td.handset { width: 30%; padding: 0.25em; }

table.pfk_programming_report { border: none; }
table.pfk_programming_report tr { border-bottom: solid #CCCCCC 1px; }

table.pfk_programming_report th { border: none; text-align: left; vertical-align: top; padding: 0.25em; }
table.pfk_programming_report td { border: none;  text-align: left; vertical-align: top; padding: 0.25em; }
table.pfk_programming_report td.pfk_label { font-family: Courier; white-space:nowrap; font-size: 90%; }
table.pfk_programming_report td.pfk_description { border-left: solid #CCCCCC 1px; overflow-wrap: anywhere; font-size: 90%; }

tr.keyEnabled { background-color: #e9fce9; }
tr.keyCountExceeded { background-color: red; color: white; }
tr.keyCountExceeded td a { color: white; }
tr.keyNotEnabled { background-color: #ffffcc; }

ul.radioRS li label { font-weight: bold; }

td.pcap_file a { font-family: monospace; }
td.pcap_file { font-family: monospace; text-align: right; vertical-align: bottom; padding-right: 0.5em; }