/* As of 30/01/2014 this was the same as scripts/dutyman.css but may have changed subsequently and independently */
html {
    overflow-y: scroll;
}

body {
    -webkit-text-size-adjust: 100%;
    font-size: 110%;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

input, textarea, select {
    border: 1px solid #4682b4;
}

    input:hover, textarea:hover, select:hover {
        border-color: #FF9933;
    }

    /* input:read-only {
        border-style: none;
    }*/

    input[type="text"]:focus,
    input[type="url"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="password"]:focus,
    .mytextarea:focus,
    textarea:focus,
    select:focus {
        border-color: #2196F3 !important;
        box-shadow: 0 0 3px #2196F3 !important;
        outline: none !important;
    }

/* ** Suppress non-IE spinners. Use jquery spinner to add them to all browsers. Can you believe we have to do this... */
input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* ** */

BODY.admin {
    background-color: #E8E8E8;
    padding: 0;
    margin: 0;
    width: 100%;
}

BODY.dm {
    /*    padding: 0;     margin: 0;     width: 100%; */
    scrollbar-face-color: #E5E5E5;
}

BODY.user {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    width: 100%;
}

BODY.dmx {
    padding: 0;
    margin: 40px auto 40px auto;
    width: 630px;
}

BODY.biz {
    background-image: url(http://www.dutyman.biz/pics1/fading_background_19.png);
    background-repeat: repeat-x;
}

/* WebKit scrollbars Safari, Chrome */
::-webkit-scrollbar {
    width: 15px;
}
/* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
    background-color: #E5E5E5;
}
/* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
    background-color: #C9C9C9;
}
/* this will style the thumb, ignoring the track */
/*::-webkit-scrollbar-button {      background-color: #7c2929;}*/ /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
/*::-webkit-scrollbar-corner {      background-color: black;}*/ /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner */

.innercontent {
    width: 100%; 
    max-width: 500px;
    margin-right: auto; 
    margin-left: auto; 
    text-align: left; 
    height: auto; 
    overflow: hidden;
    clear: both;
}

TABLE.dmmain {
    border: 1px solid #999999;
}

TABLE.xdmsub {
    border-right-color: #696969;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #696969;
    border-left-width: 1px;
    border-left-style: solid;
}

TABLE.admin {
    border-right-color: #191970;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #191970;
    border-left-width: 1px;
    border-left-style: solid;
}

TABLE.user {
    border-right-color: #191970;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #191970;
    border-left-width: 1px;
    border-left-style: solid;
}

TABLE.biz {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    border-color: #191970;
    border-width: 1px;
    border-style: solid;
}

.table5 {
    border-collapse: separate;
    border-spacing: 0.5em;
}

A:link {
    font-weight: normal;
    font-size: 11px;
    color: #0000ff;
}

A:linkbig {
    font-weight: normal;
    font-size: 13px;
    color: #0000ff;
}

A:hover {
    font-weight: normal;
    font-size: 11px;
    color: #0000ff;
}

A:visited {
    font-weight: normal;
    font-size: 11px;
    color: #0000ff;
}

A.footer {
    font-weight: normal;
    font-size: 10px;
    color: #ffffff;
}

H1 {
    font-size: 10pt;
    color: #191970;
    padding-top: 4px;
    padding-bottom: 4px;
}

/*H2 {
    background-color: #dcdcdc;
    font-weight: normal;
    font-size: 10pt;
    color: #191970;
    padding: 4px;
}*/

h2 {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
    font-weight: bold;
    margin-top: 1em;
    padding-top: 2px;
    font-size: 1.1em;
}

H3 {
    font-weight: bold;
    font-size: 8pt;
    color: #191970;
    padding-top: 4px;
    padding-bottom: 0px;
}

AB {
    font-weight: normal;
    font-size: 10px;
    color: #dddddd;
}

TD {
    font-weight: normal;
    font-size: 11px;
    color: black;
}

    TD.subhead {
        font-weight: normal;
        font-size: 11px;
        color: #000000;
        background-color: #d8e4f8;
    }

    TD.subhead3 {
        font-weight: bold;
        font-size: 11px;
        color: #191970;
        background-color: #d8e4f8;
    }

.help {
    font-weight: normal;
    font-size: 11px;
    color: #708090;
}

TD.form {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    background-color: #d8e4f8;
}

.phoneh {
    /* honeypot */
    display: none;
}

.fLabel {
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    color: #dddddd;
}

P {
    font-weight: normal;
    font-size: 12px;
    color: #5D5D5D;
    /*color: #666666;*/
}

    P.dutyman {
        font-weight: bold;
        font-size: 14px;
        color: #5f9ea0;
    }

    P.dmweb {
        font-weight: bold;
        font-size: 12px;
        color: #191970;
    }

    P.help {
        font-weight: normal;
        font-size: 9px;
        color: #708090;
    }

.timestamp {
    font-weight: normal;
    font-size: 10px;
    color: #dddddd;
}

code {
  font-family: Consolas,"courier new";
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}

.blackborder {
    border-right: 1px solid;
    border-top: 1px solid;
    margin: 2px;
    border-left: 1px solid;
    width: 100%;
    border-bottom: 1px solid;
}

.tBox {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.btnFont {
    font-weight: normal;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.errmsg {
    font-weight: normal;
    font-size: 11px;
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
}

.errmsg2 {
    font-weight: bold;
    font-size: 20px;
    color: #40e0d0;
    font-family: Arial, Helvetica, sans-serif;
}

.helpfont {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    text-align: left;
}

.pageheading {
    font-weight: bold;
    font-size: 16px;
    color: #191970;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #48d1cc;
}

.subheading {
    font-weight: bold;
    font-size: 12px;
    color: #191970;
    font-family: Verdana;
}

hr {
    border: 0;
    width: 80%;
}

    hr.hr4 {
        border-top: #a9a9a9 1px dotted;
        color: #ffffff;
        background-color: #ffffff;
        height: 1px;
        width: 100%;
    }

    hr.hr5 {
        border-top: #ff8c00 1px dotted;
        color: #ffffff;
        background-color: #ffffff;
        height: 1px;
        width: 100%;
    }

.myhr {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100%;
}

li {
    padding-top: 0px;
    padding-bottom: 7px;
}

.myfont {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

.space0table {
    border-collapse: separate;
    border-spacing: 0px;
}

.space1table {
    border-collapse: separate;
    border-spacing: 1px;
}

.space3table {
    border-collapse: separate;
    border-spacing: 3px;
}

.space5table {
    border-collapse: separate;
    border-spacing: 5px;
}

.caption {
    font-weight: normal;
    font-size: 8pt;
    color: #5D5D5D;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    text-align: right;
}

.captionl {
    font-weight: normal;
    font-size: 8pt;
    color: #5D5D5D;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    text-align: left;
}

.watermark {
    font-weight: normal;
    color: #a9a9a9;
    font-size: 8pt;
    font-style: italic;
}


.headred {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: Solid;
    border-color: #dcdcdc #dcdcdc #ff0000 #dcdcdc;
}

.headyel {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: Solid;
    border-color: #dcdcdc #dcdcdc #ffa500 #dcdcdc;
}

.headblue {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: Solid;
    border-color: #dcdcdc #dcdcdc #0000ff #dcdcdc;
}

.headinset {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc #dcdcdc #000000 #dcdcdc;
}

.defieldred {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: Solid;
    border-color: #a9a9a9 #a9a9a9 #ff0000 #a9a9a9;
}

.defieldyel {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: Solid;
    border-color: #a9a9a9 #a9a9a9 #ffa500 #a9a9a9;
}

.defieldblue {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: Solid;
    border-color: #a9a9a9 #a9a9a9 #0000ff #a9a9a9;
}

.bizfont {
    font-size: 8pt;
    color: #696969;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

textarea {
    font-family: inherit;
    font-size: inherit;
    resize: vertical;
}

.myfont TD {
    font-size: 8pt;
    color: black;
    font-family: verdana,sans-serif;
}

.myfont TH {
    font-size: 8pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

.textboxhover {
    background-image: url('../Pics1/textboxhover.png');
    background-repeat: repeat-x;
}

.dmbtn, .dmbtn:link, .dmbtn:visited {
    padding: 4px;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    text-align: center;
    color: #333333;
}

    .dmbtn:hover, .dmbtn:active {
        /*border: 1px solid #6C6C6C;*/
        background-color: #CDE6F7;
    }

.dmbtn[disabled="disabled"] {
    border: 1px solid #A7A7A7;
    color: #A7A7A7;
    background-color: #CCCCCC;
}

A.dmbtn {
    color: #333333;
}

a:hover.dmbtn[disabled="disabled"] {
    background-color: #CCCCCC;
}

/*.dmbtn {
    border: 1px solid #808080;
    font-size: 11px;
    color: #000000;
}*/

.btnplus {
    padding: 4px 4px 2px 4px;
    border: 1px solid #808080;
    color: #000000;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    vertical-align: middle;
}

a:hover.btnplus {
    background-color: #CDE6F7;
}

span:hover.btnplus {
    background-color: #CDE6F7;
}

.btnplus[disabled="disabled"] {
    border: 1px solid #A7A7A7;
    color: #A7A7A7;
    background-color: #CCCCCC;
}

a:hover.btnplus[disabled="disabled"] {
    background-color: #CCCCCC;
}

.dmbtnsmall, .dmbtnsamll:link, .dmbtnsmall:visited {
    padding: 1px 4px 1px 4px;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    text-align: center;
    color: #333333;
}

    .dmbtnsmall:hover, .dmbtnsmall:active {
        background-color: #CDE6F7;
    }

A.dmbtnsmall {
    color: #333333;
}

.dmbtnNav {
    font-size: 9pt;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

.defield {
    border-width: 1px;
    border-style: Solid;
    border-color: #a9a9a9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.defieldr {
    border-width: 1px;
    border-style: Solid;
    border-color: #a9a9a9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: right;
}

.defieldro {
    border: 1px Solid #C0C0C0;
    font-size: 8pt;
    background-color: #EEEEEE;
    vertical-align: middle;
    padding-right: 3px;
    padding-left: 3px;
}



.defield2 {
    font-size: 8pt;
    border-right: #4682b4 1px solid;
    border-top: #4682b4 1px solid;
    border-left: #4682b4 1px solid;
    border-bottom: #4682b4 1px solid;
}

.defield3d {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-left-color: #a9a9a9;
    border-bottom-color: #a9a9a9;
    border-top-style: groove;
    border-top-color: #a9a9a9;
    border-right-style: groove;
    border-left-style: groove;
    border-right-color: #a9a9a9;
    border-bottom-style: groove;
}

.defieldreq {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-right: red 1px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
}

.ddlist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-right: red 1px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
}

div.green {
    background-color: #00ced1;
    font-weight: normal;
    font-size: 10px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

A.big:link {
    color: #000080;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

A.big:active {
    color: #000080;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

A.big:visited {
    color: #000080;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

A.big:hover {
    color: #696969;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.boldnum {
    font-weight: bold;
    font-size: 7pt;
    color: #191970;
    border: 1px solid #191970;
    margin-right: 5px;
    width: 12px;
    height: 10px;
    text-align: center;
}

.boldnum2 {
    font-weight: bold;
    font-size: 8pt;
    color: #ff0000;
    text-align: right;
}

.menupath {
    font-weight: bold;
    font-size: small;
    color: #ff0000;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}

.gridhead {
    font-size: xx-small;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dcdcdc;
}

.griditem {
    font-size: xx-small;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
}

.boxa {
    border-right: 2px groove;
    border-top: 2px groove;
    border-left: 2px groove;
    border-bottom: 2px groove;
    border: 1px solid #C0C0C0;
}



A.tabunsel {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
    text-decoration: none;
}

A.tabunsel {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
    text-decoration: none;
}

.tabunsel {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
    text-decoration: none;
}

A.tabunsel:link {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
    text-decoration: none;
}

A.tabunsel:hover {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
    text-decoration: none;
}

A.tabunsel:visited {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: gray;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
    text-decoration: none;
}

.tabsel {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: appworkspace;
    text-align: center;
    text-decoration: none;
}

A.tabsel:active {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: appworkspace;
    text-align: center;
    text-decoration: none;
}

A.tabsel:hover {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: appworkspace;
    text-align: center;
    text-decoration: none;
}

A.tabsel:link {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: appworkspace;
    text-align: center;
    text-decoration: none;
}

A.tabsel:visited {
    border-top: appworkspace 1px solid;
    border-left: appworkspace 1px solid;
    border-right: appworkspace 1px solid;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: appworkspace;
    text-align: center;
    text-decoration: none;
}

A.radmenu {
    font-weight: normal;
    color: #696969;
    text-decoration: none;
}

    A.radmenu:link {
        font-weight: normal;
        color: #696969;
        text-decoration: none;
    }

    A.radmenu:visited {
        font-weight: normal;
        color: #696969;
        text-decoration: none;
    }

    A.radmenu:active {
        font-weight: normal;
        color: #696969;
        text-decoration: none;
    }

    A.radmenu:hover {
        font-weight: normal;
        color: #696969;
        text-decoration: none;
    }

A.radmenusel {
    font-weight: bold;
    color: #696969;
    text-decoration: none;
}

    A.radmenusel:link {
        font-weight: bold;
        color: #696969;
        text-decoration: none;
    }

    A.radmenusel:visited {
        font-weight: bold;
        color: #696969;
        text-decoration: none;
    }

    A.radmenusel:active {
        font-weight: bold;
        color: #696969;
        text-decoration: none;
    }

    A.radmenusel:hover {
        font-weight: bold;
        color: #696969;
        text-decoration: none;
    }

.msgBox {
    font-size: 8pt;
    margin: 5px 5px 15px 10px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dcdcdc;
    text-align: center;
    font-weight: normal;
}

.msgBoxTitle {
    font-size: 8pt;
    margin: 5px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #00008b;
    text-align: left;
    font-weight: bold;
}



.tabmenu {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
}

.tab {
    padding-left: 10px;
    padding-right: 10px;
    color: #696969;
    font-weight: normal;
    border-top: #696969 1px solid;
    background-color: #ffffff;
    border-right: #696969 1px solid;
    border-left: #696969 1px solid;
}

    .tab:hover {
        padding-left: 10px;
        padding-right: 10px;
        color: #0066ff;
        font-weight: normal;
        border-top: #696969 1px solid;
        border-right: #696969 1px solid;
        border-left: #696969 1px solid;
    }


    .tab a, .tab a span {
        padding-right: 10px;
        padding-left: 10px;
        color: #696969;
        background-color: #ffffff;
    }

.tabselected {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9px;
    color: #ffffff;
    background-color: #a9a9a9;
}


    .tabselected a, .tabselected a span {
        padding-right: 10px;
        padding-left: 10px;
        color: #ffffff;
        background-color: #a9a9a9;
        border-top: #696969 1px solid;
        border-right: #696969 1px solid;
        border-left: #696969 1px solid;
    }

.tabpanel {
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 4px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    margin-bottom: 5px;
}

A.callev2, A.callev2:active, A.callev2:link, A.callev2:visited {
    font-weight: bold;
    color: #696969;
}

    A.callev2:hover {
        font-weight: bold;
        color: #000000;
    }

A.callev3, A.callev3:active, A.callev3:link, A.callev3:visited {
    color: #696969;
    text-decoration: none;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #87ceeb 3px solid;
    border-bottom: #87ceeb 1px solid;
    padding-right: 3px;
}

    A.callev3:hover {
        color: #000000;
    }

A.calblev1, A.calblev1:active, A.calblev1:link, A.calblev1:visited {
    color: #696969;
}

    A.calblev1:hover {
        color: #696969;
        text-decoration: none;
        border-right: #ffffff 1px solid;
        border-top: #ffffff 1px solid;
        border-left: #87ceeb 3px solid;
        border-bottom: #87ceeb 1px solid;
        padding-left: 1px;
        padding-right: 0px;
    }

A.calblev2, A.calblev2:active, A.calblev2:link, A.calblev2:visited {
    font-weight: normal;
    color: #696969;
}

    A.calblev2:hover {
        font-weight: normal;
        color: #000000;
    }



.anynode {
    color: #696969;
    text-decoration: none;
    border-right: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    border-left: #ffffff 6px solid;
    border-bottom: #ffffff 0px solid;
    padding-left: 1px;
    padding-right: 0px;
}




A.biglink, A.biglink:active, A.biglink:link, A.biglink:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #696969;
    text-decoration: none;
    border-bottom: #dcdcdc 1px solid;
}

    A.biglink:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #FF9C09;
        text-decoration: underline;
    }

A.dmlink, A.dmlink:active, A.dmlink:link, A.dmlink:visited {
    font-weight: bold;
    color: #696969;
    text-decoration: none;
    border-bottom: #dcdcdc 1px solid;
}

    A.dmlink:hover {
        font-weight: bold;
        color: #FF9C09;
        text-decoration: underline;
    }

.bluenum {
    color: #ffffff;
    background-color: #6495ed;
    border-right: #4169e1 1px solid;
    border-top: #4169e1 1px solid;
    border-left: #4169e1 1px solid;
    border-bottom: #4169e1 1px solid;
    text-align: center;
}

.menuimg1 {
    background-image: url(pics1/deletesymbol.JPG);
    background-repeat: no-repeat;
}

.level1 {
    color: #696969;
    text-decoration: none;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 3px solid;
    border-bottom: #87ceeb 1px solid;
    padding-left: 1px;
    padding-right: 3px;
}

.level1hover {
    color: #696969;
    text-decoration: none;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #87ceeb 3px solid;
    border-bottom: #87ceeb 1px solid;
    padding-left: 1px;
    padding-right: 3px;
    height: 18px;
}

A.level1 {
    color: #696969;
    text-decoration: none;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 3px solid;
    border-bottom: #87ceeb 1px solid;
    padding-left: 1px;
    padding-right: 3px;
}

    A.level1:link {
        color: #696969;
        text-decoration: none;
        border-right: #ffffff 1px solid;
        border-top: #ffffff 1px solid;
        border-left: #ffffff 3px solid;
        border-bottom: #87ceeb 1px solid;
        padding-left: 1px;
        padding-right: 3px;
    }

    A.level1:hover {
        color: #696969;
        text-decoration: none;
        border-right: #ffffff 1px solid;
        border-top: #ffffff 1px solid;
        border-left: #87ceeb 3px solid;
        border-bottom: #87ceeb 1px solid;
        padding-left: 1px;
        padding-right: 3px;
    }

    A.level1:visited {
        color: #696969;
        text-decoration: none;
        border-right: #ffffff 1px solid;
        border-top: #ffffff 1px solid;
        border-left: #ffffff 3px solid;
        border-bottom: #87ceeb 1px solid;
        padding-left: 1px;
        padding-right: 3px;
    }

.locsel {
    font-family: Verdana;
    font-size: 8pt;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #cc33cc 3px solid;
    border-bottom: #cc33cc 1px solid;
    padding-left: 1px;
    padding-right: 3px;
}

.deform {
    border-right: #87ceeb 1px solid;
    border-top: #87ceeb 1px solid;
    border-left: #87ceeb 1px solid;
    border-bottom: #87ceeb 1px solid;
    background-color: #f0f8ff;
}

.roundwhitet {
    background-position: 0 0;
    background: url('../pics1/Rounded/whiteDot.png') repeat-x 0 0;
    width: 20em;
    background-color: #ffffff;
}

.roundwhiteb {
    background: url('../pics1/Rounded/whiteDot.png') 0 100% repeat-x;
}

.roundwhitel {
    background: url('../pics1/Rounded/whiteDot.png') 0 0 repeat-y;
}

.roundwhiter {
    background: url('../pics1/Rounded/whiteDot.png') 100% 0 repeat-y;
}

.roundwhitebl {
    background: url('../pics1/Rounded/whiteBL.png') 0 100% no-repeat;
}

.roundwhitebr {
    background: url('../pics1/Rounded/whiteBR.png') 100% 100% no-repeat;
}

.roundwhitetl {
    background: url('../pics1/Rounded/whiteTL.png') 0 0 no-repeat;
}

.roundwhitetr {
    background: url('../pics1/Rounded/whiteTR.png') 100% 0 no-repeat;
    padding: 10px;
}

/*.formsubhead
{
    background: #ffffff url('../pics1/grd_head.png') repeat-x top;
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 500;
}*/

.formsubhead {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
    font-weight: bold;
    color: #5d5d5d;
}

.clear {
    font-size: 1px;
    height: 1px;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.modalPopup {
    border: 1px solid Gray;
    background-color: #ffffff;
    padding: 0px;
    text-align: left;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.modalPopupDragHandle {
    background-color: #83ACD6;
    padding: 2px;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.biginstr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #999999;
}

.midinstr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #999999;
}


/* GridView */
.mgrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: none 1px #c1c1c1;
    border-collapse: collapse;
}

    .mgrid td {
        border-style: solid none solid none;
        padding: 2px;
        color: #717171;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-color: #c1c1c1;
        border-bottom-color: #c1c1c1;
    }

    .mgrid th {
        background-position: top;
        padding: 4px 2px;
        color: #525252;
        background-color: #D4D4D4;
        border-left: solid 1px #c1c1c1;
        border-right: solid 1px #c1c1c1;
        border-top: solid 1px #c1c1c1;
        font-size: 8pt;
        font-weight: 500;
    }

        .mgrid th a {
            padding-right: 20px;
            color: #538CC6;
            text-decoration: none;
            font-weight: normal;
        }

    .mgrid .alt {
        background: #E5E5E5;
    }

    .mgrid .sel {
        background: #A4D1FF;
    }

    .mgrid .pgr {
        background: #fff;
    }

        .mgrid .pgr table {
            border-style: none;
            margin: 5px 0;
        }

        .mgrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-right: solid 1px #666;
            font-weight: bold;
            color: #000000;
            line-height: 12px;
        }

        .mgrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mgrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

.sortasc-header A {
    background-position: right center;
    background-image: url('../Pics1/dmsortasc.png');
    background-repeat: no-repeat;
}

.sortdesc-header A {
    background-position: right center;
    background-image: url('../Pics1/dmsortdesc.png');
    background-repeat: no-repeat;
}

.emptygrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: none 1px #c1c1c1;
    border-collapse: collapse;
}

    .emptygrid td {
        border-style: none;
        padding: 2px;
    }

/* Red asterisk as used to indicate a required field */
.redstar {
    color: #FF0000;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
}

/* WIZARD */


.stepcompleted {
    background-color: #808080;
    width: 15px;
    border: 1px solid #99CCFF;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

.stepcurrent {
    background-color: #FFFFFF;
    width: 15px;
    border: 1px solid #99ccff;
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepnotcompleted {
    background-color: rgb(204, 204, 204);
    width: 15px;
    border: 1px solid #99ccff;
    margin-right: 5px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

.stepbreak {
    width: 3px;
    background-color: Transparent;
}

.wizardprogress {
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
}

.wizardtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
}



.warning {
    padding: 6px;
    background-color: #FFDDDD;
    border: 1px solid #FF1A1A;
    color: #FF1A1A;
    text-align: center;
}

.caution {
    padding: 6px;
    background-color: #FFF7D5;
    border: 1px solid #FFCC00; /*color: #E1B500;*/
    color: #937500;
    text-align: center;
}

.advice {
    padding: 6px;
    background-color: #E1F0FF;
    border: 1px solid #99CCFF;
    color: #82C0FF;
    text-align: center;
}

a.cautionlink, a.cautionlink:active, a.cautionlink:link, a.cautionlink:visited {
    font-weight: normal;
    color: #E1B500;
    text-decoration: underline;
}

    a.cautionlink:hover {
        font-weight: normal;
        color: #C69E00;
        text-decoration: underline;
    }


/* Calendar View calendar */
.monthnode, A.monthnode, A.monthnode:link, A.monthnode:hover, A.monthnode:visited {
    background-color: #D4D4D4;
    width: 160px;
    color: #696969;
    padding-left: 2px;
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #FFFFFF;
}

.daynode, A.daynode, A.daynode:link, A.daynode:hover, A.daynode:visited {
    background-color: #E5E5E5;
    width: 153px;
    color: #696969;
    padding-left: 2px;
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #FFFFFF;
}

.eventnode, A.eventnode, A.eventnode:link, A.eventnode:hover, A.eventnode:visited {
    color: #696969;
    padding-left: 2px;
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #FFFFFF;
}

.hovernode {
    text-decoration: none;
    border-right: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    border-left: #FF9C09 6px solid;
    border-bottom: #ffffff 0px solid;
    padding-left: 2px;
    padding-right: 0px;
}

.selectednode {
    text-decoration: none;
    border-right: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    border-left: #b0c4de 6px solid;
    border-bottom: #ffffff 0px solid;
    padding-left: 2px;
    padding-right: 0px;
}

.anynode, A.anynode, A.anynode:link, A.anynode:hover, A.anynode:visited {
    height: 18px;
}

/*A.anynode, A.anynode:link, A.anynode:hover, A.anynode:visited
{
  
    text-decoration: none;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 6px solid;
    border-bottom: #87ceeb 1px solid;
    padding-left: 1px;
    padding-right: 0px;
}*/

.rednode {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FF0000;
}

.todaynode {
    background-color: #eef1fa;
}

/* Roster gridviews */
.datebreakrow {
    background-color: #E5E5E5;
    color: #696969;
    font-weight: bold;
}

.eventbreakrow {
    background-color: #E5E5E5;
}

.dutyrow {
    background-color: #FFFFFF;
}

.blankrow {
    background-color: #FFFFFF;
    height: 8px;
}

.exprow {
    /*   border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC; */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    padding-bottom: 20px;
    /*  border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #CCCCCC; */
    background-color: #FFFFFF;
}

.selectedrow {
    background-color: #b0c4de;
}

/* Righthand panel header bar */
.tabhdr {
    padding: 2px;
    vertical-align: top;
    text-align: center;
    color: #696969;
    font-weight: bold;
    background-color: #D4D4D4;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #a9a9a9;
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: #a9a9a9;
    border-top-style: solid;
    border-top-width: 0px;
    border-top-color: #a9a9a9;
    font-family: Arial, Helvetica, sans-serif;
}

/* Step numbers in righthand panel */
.stepno {
    color: #ffffff;
    background-color: #6495ed;
    border-right: #4169e1 1px solid;
    border-top: #4169e1 1px solid;
    border-left: #4169e1 1px solid;
    border-bottom: #4169e1 1px solid;
    font-weight: normal;
    display: inline;
    float: left;
    width: 8px;
    height: 10px;
    margin-right: 6px;
    font-size: 8px;
    text-align: center;
    vertical-align: middle;
}

/* Used in dmaduties.aspx */
.cancelledcorner {
    background-position: right top;
    background-image: url('../Pics1/cancelledcorner.png');
    background-repeat: no-repeat;
}

.hiddencorner {
    background-position: right top;
    background-image: url('../Pics1/hiddencorner.png');
    background-repeat: no-repeat;
}

/* Toggle switches */
.switch {
    position: relative;
    display: inline-block;
    width: 2.2em;
    height: 1.2em;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 90%;
        width: 50%;
        left: 3%;
        bottom: 5%;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #ff6a00;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ff6a00;
}

input:checked + .slider:before {
    -webkit-transform: translateX(90%);
    -ms-transform: translateX(90%);
    transform: translateX(90%);
}

/* Rounded sliders */
.slider.round {
    border-radius: 1em;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Password strengths */
.pwsveryweak {
    background-color: rgb(255, 32, 0);
    padding: 1px 15px 1px 15px;
    font-size: 0.65em;
    color: #FFFFFF;
    font-weight: normal;
}

.pwsweak {
    background-color: rgb(255, 144, 0);
    padding: 1px 15px 1px 15px;
    ;
    font-size: 0.65em;
    color: #FFFFFF;
    font-weight: normal;
}

.pwsfair {
    background-color: rgb(255, 239, 3);
    padding: 1px 15px 1px 15px;
    font-size: 0.65em;
    color: #808080;
    font-weight: normal;
}

.pwsgood {
    background-color: rgb(129,216, 0);
    padding: 1px 15px 1px 15px;
    font-size: 0.65em;
    color: #FFFFFF;
    font-weight: normal;
}

.pwsexcellent {
    background-color: rgb(0, 162, 1);
    padding: 1px 15px 1px 15px;
    font-size: 0.65em;
    color: #FFFFFF;
    font-weight: normal;
}
/* End password strengths */

.rferror {
    border-color: red !important;
    box-shadow: 0 0 10px red;
}

.togglepassword {
    margin-left: -20px;
    width: 20px;
    cursor: pointer;
}