a:hover { color: #660000; }
a { color: #000000; }

img { border: none; }

img { display: none; }

img.logo { display: block; }

body {
    font-family: Verdana, Arial, sans-serif;
    background-color: white; 
    padding: 0px;
    padding-left: 0em;
    margin: 0px;
}

form { padding: 0; margin: 0; }

img.icon16 {
    display: inline;
    margin: 1px;
    width:  16px;
    height: 16px;
}

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

div.login {
    width: 70em;
    text-align: right;
    font-size: smaller;
    font-style: italic;
    background-color: white;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    margin-left:    0.5em;
    margin-top: 0.2em;
    /* border: solid rgb(222,231,248) 2px; */
    border-bottom: solid #660000 2px;
    background-color: #F2F2FF;
}

div.hidden { margin: 0; padding: 0; width: 0; height: 0; display: none; }

div.banner {
    top:              0px;
    left:             0px;
    margin-bottom:    1em;
    text-align:       left;
    color:            black;
    background-color: transparent; 
    border-bottom: solid rgb(222,231,248) 2px;
}

div.banner table {
    background-color:   transparent; 
    margin:             0px;
    padding:            0px;
    color:              black;
}

div.content {
    padding: 0.5em;
    display:            block;
    border:        solid rgb(222,231,248) 2px;
    background-color: #F2F2FF;
}

div.pwcontent {
    padding: 0.5em;
    margin-top: 2em;
    display: block;
    border: none;
    text-align: center;
    background-color: white;
}

.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

td.link {
    padding-left:    0.4em;
    padding-right:   0.4em;
    text-align:      center;
    vertical-align:  bottom;
}


a.calnav {
    text-decoration:    none;
}

a.calnav span {
    text-decoration:    underline;
}

div.heading, span.heading {
    padding:    0.2em;
    display: block;
    background-color: transparent; 
    color:            black;
    text-align: left;
    vertical-align: middle; 
    font-weight:    normal;
}

table.heading2 {
    padding:    0.2em;
    display: block;
    background-color: transparent; 
    color:            black;
    text-align: left;
    vertical-align: middle; 
    font-weight:    normal;
    border: solid white 1px;
}

div.nav,
div.navactive
{
    display: block;
    margin:  0px;
    padding: 0px;
    text-align: right;
    font-size: smaller;
    border-top: solid rgb(222,231,248) 2px;
    border-left: solid rgb(222,231,248) 2px;
    border-bottom: solid rgb(222,231,248) 2px;
    border-right: none;
}

div.navb,
div.navbactive
{
    width: 8em;
    display: block;
    margin:  0px;
    padding: 0px;
    border-top: solid rgb(222,231,248) 2px;
    border-left: solid rgb(222,231,248) 2px;
    border-right: solid rgb(222,231,248) 2px;
    border-bottom: none;
    font-size: smaller;
}

div.nav a,
div.navactive a
{
    display: block;
    text-decoration: none;
    color: white;
    padding-top:   0.25em;
    padding-left:   1em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
}

div.navb a,
div.navbactive a
{
    display: block;
    text-decoration: none;
    color: white;
    padding-bottom: 0.25em;
}

div.nav
{
    margin-top: 1em;
}

div.navactive
{
    margin-top: 1em;
    color: white;
}

div.navbactive
{
    color: white;
}

div.navactive a,
div.navbactive a,
div.navactive a:hover,
div.navbactive a:hover
{
    color: white;
}

div.nav a:hover,
div.navb a:hover
{
    color: white;
}

div.nav,
div.navb,
div.nav a,
div.navb a
{
    color:            #000033;
    background-color: #F2F2FF;
}

div.nav a:hover,
div.navactive a:hover
{
    background-color: #660000; 
}

div.navactive
{
    background-color: rgb(89,99,168);
}

div.navb a:hover,
div.navbactive,
div.navbactive a:hover
{
    background-color: #660000;
}

img.cview {
    vertical-align: middle;
    margin-left:    1em;
    margin-right:   0.2em;
    width:          16px;
    height:         16px;
}

div.editForm {
    margin: 0.5em;
    padding: 0.5em;
    border: solid #660000 1px;
}

div.editForm table {
}
div.editForm table td,
div.editForm table th {
    border: none; 
}

table.Directory { width: 50em; }
table.Products { width: 50em; }
table.Conferences { width: 50em; }
table.Queues { width: 50em; }
table.SharedFiles { width: 50em; }
table.UserSharedFiles { width: 50em; }

table.Directory th,
table.Products th,
table.Password th,
table.PhoneFeatures th,
table.Account th,
table.CallDetails th,
table.Presence th,
table.Extension th,
table.Conferences th,
table.Queues th,
table.Directory td.section,
table.SharedFiles th,
table.UserSharedFiles th,
table.ContactInfo th,
table.Distribution th
{
    background-color:   #EEEEEE;
    color:              black;
    padding-left:   0.5em;
    padding-right:   0.5em;
    text-align: center;
    font-weight:        normal;
    font-size:          smaller;
    border: solid #CCCCCC 1px;
}

table.Directory td.section { font-size: smaller; font-weight: bold;}

table.PhoneFeatures caption,
table.Account caption,
table.CallDetails caption,
table.Presence caption,
table.Extension caption,
table.Conferences caption,
table.Queues caption,
table.Directory caption,
table.Products caption,
table.Password caption,
table.Distribution caption,
table.ContactInfo caption,
table.SharedFiles caption,
table.UserSharedFiles caption
{
    border-spacing:     0px;
    border-collapse:    collapse;
    border:             solid #CCCCCC 1px;
    border-bottom:      none;
    color:              white;
    margin:             0px;
    font-size:          smaller;
    font-weight:        bold;
    text-align:         left;
    padding:            0.2em;
    background-color: rgb(89,99,168);
}

table.Password caption { text-align: center; background-color: #660000;}
table.Conferences caption a { padding-left: 1em; color: white; font-weight: normal; }
table.Queues caption a { padding-left: 1em; color: white; font-weight: normal; }
table.Conferences caption a:hover { color: #660000; }
table.Queues caption a:hover { color: #660000; }
table.ContactInfo caption,
table.UserSharedFiles caption
{
    background-color: #660000;
}


table.Distribution th.email,
table.Distribution th.vmail,
table.Distribution th.members
{
    text-align: center;
    vertical-align: middle;
}

table.Distribution td.email,
table.Distribution td.vmail,
table.Distribution td.members
{
    padding-left:  0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}

table.Distribution td.members { width: 60em; }
table.PhoneFeatures td.notes { width: 60em; }

table.Distribution td.email,
table.Distribution td.members,
table.Directory td.name,
table.Directory td.desc,
table.Directory td.remote,
table.Directory td.email,
table.Products td.desc,
table.Products td.status,
table.PhoneFeatures td.feature,
table.PhoneFeatures td.notes,
table.PhoneFeatures td.dial,
table.ContactInfo td.field,
table.SharedFiles td.dirname,
table.SharedFiles td.filename,
table.SharedFiles td.date,
table.SharedFiles td.size,
table.UserSharedFiles td.dirname,
table.UserSharedFiles td.filename,
table.UserSharedFiles td.date,
table.UserSharedFiles td.size
{
    text-align: left;
}

table.SharedFiles td.dirname img,
table.SharedFiles td.filename img,
table.UserSharedFiles td.dirname img,
table.UserSharedFiles td.filename img
{
    display: inline;
}

table.Directory td.name,
table.Directory td.email
{
    padding-right: 2em;
}

table.ContactInfo td.label
{
    text-align: right;
    font-size: smaller;
    font-weight: bold;
    padding-right: 0.25em;
}

table.Distribution td.email,
table.Distribution td.vmail,
table.Distribution td.members,
table.PhoneFeatures td.notes,
table.PhoneFeatures td.dial,
table.PhoneFeatures td.feature,
table.SharedFiles td.date,
table.SharedFiles td.size,
table.UserSharedFiles td.date,
table.UserSharedFiles td.size,
table.Directory td.desc,
table.Directory td.remote,
table.Directory td.remoteExt,
table.Directory td.name,
table.Directory td.userext,
table.Directory td.ext,
table.Directory td.email,
table.SharedFiles td.dirname,
table.SharedFiles td.filename,
table.UserSharedFiles td.dirname,
table.UserSharedFiles td.filename,
table.ContactInfo td
{
    font-size: smaller;
}

table.Directory td.userext {
    padding-left: 1em;
    text-align: left;
}

table.Distribution td.vmail
{
    text-align: center;
}

table.Distribution td,
table.Directory td,
table.Products td,
table.Password td,
table.PhoneFeatures td,
table.Account td,
table.CallDetails td,
table.Presence td,
table.Extension td,
table.Conferences td,
table.Queues td,
table.SharedFiles td,
table.UserSharedFiles td,
table.ContactInfo td
{
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    border: solid #CCCCCC 1px;
    background-color: white;
}

table.Presence td.notes {
    padding-left: 1em;
    text-align:   left;
}

table.ContactInfo td.field {
    text-align: left;
}

@media print
{
    a { text-decoration: none; }
    div.login,
    div.nav, div.navactive, 
    div.navb, div.navbactive,
    img { display: none; }
    img.icon16 { display: inline; }
    img.logo { display: none; }
    div.content { border: none; }
    div.pwcontent { border: none; }
    body {
        width:  7in;
        background-color: white; 
    }
    * { font-size: 8pt; 
        font-family: Verdana, Arial, sans-serif; }

    table.info { margin: 0; }
}


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

div.confinfo table.expconf,
div.confinfo table.schedconf,
div.confinfo table.activeconf
{
    width: 40em;
}

div.qinfo table.qstats { width: 58em; }


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

span.starttime
{
    color: #999999;
}

table.activeconf,
table.schedconf,
table.expconf,
table.qstats
{
    font-size: smaller;
}

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

table.expconf {
    color:  #999999;
}

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.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,
table.qstats td a
{
    font-weight: normal;
}

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

table.qstats td.qdesc_notinuse {
    font-weight: normal;
}

table.activeconf td.description a,
table.expconf td.description a,
table.schedconf td.description a,
table.qstats td.description a,
table.qstats td.qdesc_notinuse 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,
table.qstats td.description div,
table.qstats td.qdesc_notinuse 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.caller div,
table.expconf td.caller div,
table.schedconf td.caller div
{
}

table.activeconf td.description { background-color: #EEFFEE; }
table.schedconf td.description { background-color: #EEEEFF; }
table.expconf td.description { background-color: #EEEEEE; }
table.qstats td.description { background-color: #EEEEFF; }
table.qstats td.qdesc_notinuse { background-color: #CCCCCC; }

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 {
    font-weight: normal;
    font-size: smaller;
    color: #999999;
}

div.tip {
    border: solid #CCCCCC 1px;
    background-color: #EEEEEE;
    margin: 0.25em;
}

div.tip div.tipbanner {
    text-align: left;
    font-weight: bold;
    padding-left: 0.5em;
}

div.tip div.tipcontent {
    text-align: left;
    padding: 0.5em;
    font-weight: normal;
} 


div.freeslots {
    border: solid #CCCCCC 1px;
    font-size: smaller;
    background-color: #EEEEEE;
}

div.freeslots div.content {
    text-align: left;
    border-bottom: solid #CCCCCC 1px;
}

div.freeslots div.freebanner {
    text-align: left;
    font-weight: bold;
    padding-left: 0.5em;
}

div.confmsg {
    margin:0.5em;
    padding: 0.5em;
    border: solid #660000 1px;
    text-align: left;
    font-size: smaller;
}

div.schedconf {
    margin-top: 1em;
    border: solid #660000 1px;
    background-color: white;
    text-align: center;
    font-size: smaller;
}

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 #660000 1px;
    padding: 0.5em;
    padding-bottom: 0em;
}

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

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

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

div.preempt {
    margin: 0.25em;
    border: solid #CCCCCC 1px;
    padding: 0.25em;
    color: #660000;
}

table.expconf span.hilite { color: #999999; }

div.fyi2_h
{
    text-align:         left;
    color:              black;
    font-weight:        normal;
    font-size:          small;
    margin-right:       0.25em;
    margin-bottom:      0.25em;
    padding:            0.25em;
    background-color: #FFFFCC;
    border: solid #993333 1px; 
}

div.fyi2_h span.fyi2b {
    text-align:         left;
    display:            block;
    color: #993333;
    font-weight: bold;
    background-color: transparent;
}

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

div.reportInfo {
    margin: 0.5em;
    padding: 0.5em;
    border: solid #CCCCCC 1px;
    text-align: left;
    font-size: 0.75em;
    background-color: #EEEEEE;
}

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

.formLabel { text-align: right;}
.checkBoxLabel { text-align: left;}

div.inst {
    margin: 0.5em; 
}

div.inst2 { margin-bottom: 0.5em; }

div.ajaxStatus {
    display: none;
    margin: 0.5em;
    padding: 0.25em;
    border: solid #CCCCCC 1px;
    background-color: #FFFFCC;
    color: red;
    font-style: italic;
    text-align: left;
}

span.distAlgo { 
    font-style: italic;
    font-weight: normal;
}

span.selectAgentInst {
    font-style: italic;
    color: #660000;
}

span.filterlabel {
    font-weight: normal;
    font-style: italic;
    font-size: smaller;
    padding-left: 2em;
    padding-right: 0.5em;
}

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

div.form_error table,
div.form_error table tr,
div.form_error table tr td
{
    background-color: #FFFFCC;
}

th.istSortCol:hover,
td.istSortCol:hover { 
    background-color: rgb(89,99,168);
    color: white;
}