a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

body {
    line-height: 1;
    color: #000;
    background: #fff
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption, td, th {
    text-align: left;
    font-weight: 400
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

.form input, .form select, .form textarea {
    padding: .25em;
    font-family: Verdana,sans-serif;
    font-size: 13px
}

.form select {
    padding: .18em
}

input.fileUpload {
    text-align: left !important
}

input.numBox {
    width: 2em
}

.form {
    position: relative;
    clear: both
}

    .form div {
        clear: both
    }

    .form label {
        line-height: 1.125em
    }

    .form input + label {
        margin-left: .25em;
        margin-right: .5em
    }

fieldset {
    border-color: #999
}

legend {
    background: #fff;
    color: #555753
}

.form .cmd, .form .command {
    font-size: 110%
}

    .form .cmd input.default {
        font-weight: 700
    }

.form .req label, .form .required label, .form .required label span, .form label.req, .form label.required, .form label.required span {
    font-weight: 700;
    background: url(img/ico_required.png) right center no-repeat
}

.form .tip {
    padding-left: 20px;
    background: url(/Content/img/silk/information.png) 0 0 no-repeat;
    color: #555753
}

.form input + span.tip, .form select + span.tip {
    margin-left: 1em
}

.form p.tip {
    margin-top: .25em;
    padding-bottom: 0
}

.form .counter {
    font-weight: 700;
    color: #3465a4
}

    .form .counter.full {
        color: #ef2929
    }

.form .tip .help {
    padding-left: 0;
    background: 0 0
}

.form .counter, .form .error, .form .help, .form .tip {
    line-height: 1.25em
}

.form .stretch .error {
    display: block;
    margin-bottom: .5em
}

a.btn, button.btn, input.btn {
    display: inline-block;
    cursor: pointer;
    width: auto;
    overflow: visible;
    margin-right: .5em;
    padding: 8px;
    background: #729fcf;
    border: 2px solid #3465a4;
    border-radius: 4px;
    color: #fff;
    line-height: 1em;
    font-weight: 700;
    font-family: inherit;
    text-shadow: 1px 1px 0 #204a87;
    background: -webkit-gradient(linear,left top,left bottom,from(#729fcf),to(#204a87));
    background: -moz-linear-gradient(top,#729fcf,#204a87);
    background: linear-gradient(top,#729fcf,#204a87);
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #babdb6;
    -webkit-box-shadow: 1px 1px 2px #babdb6
}

    a.btn[disabled], button.btn[disabled], input.btn[disabled] {
        background: #babdb6 !important;
        filter: none !important;
        color: #888a85;
        border-color: #888a85;
        text-shadow: none
    }

    a.btn:focus, a.btn:hover, button.btn:focus, button.btn:hover, input.btn:focus, input.btn:hover {
        text-shadow: -1px -1px 0 #204a87;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

.secondary {
    background: -webkit-gradient(linear,left top,left bottom,from(#888a85),to(#555753)) !important;
    background: -moz-linear-gradient(top,#888a85,#555753) !important;
    background: linear-gradient(top,#888a85,#555753) !important;
    border-color: #2e3436 !important
}

.buttonBad {
    border-color: #c00 !important;
    text-shadow: -1px -1px 0 #a40000 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#ef2929),to(#a40000)) !important;
    background: -moz-linear-gradient(top,#ef2929,#a40000) !important;
    background: linear-gradient(top,#ef2929,#a40000) !important
}

.go {
    position: absolute;
    text-indent: 9999px;
    overflow: hidden;
    padding: 0;
    height: 24px;
    width: 24px !important;
    background: transparent url(/Content/img/chrome/btn_go.png) left no-repeat;
    border: none !important
}

.aligned div {
    padding: .35em 0
}

    .aligned div > div {
        clear: none;
        float: left;
        padding: 0
    }

    .aligned div label:first-child, .alignedLabel {
        float: left;
        width: 20%;
        padding: .5em 0;
        line-height: 1.1em
    }

.aligned .stretch input, .aligned .stretch select, .aligned .stretch textarea {
    width: 76%
}

html > body .aligned .stretch input, html > body .aligned .stretch select, html > body .aligned .stretch textarea {
    width: auto
}

.aligned .stretch label:first-child + input, .aligned .stretch label:first-child + select, .aligned .stretch label:first-child + textarea {
    width: 76%
}

.aligned label:first-child + div, .aligned label:first-child + ul {
    float: left
}

.aligned .stretch input + span {
    display: block
}

.aligned div.cmd {
    padding-left: 20%
}

.aligned .stretch .counter, .aligned .stretch .error, .aligned .stretch .tip, .aligned p.tip {
    display: block;
    float: left;
    margin: .5em 0 .5em 20%;
    clear: both
}

.block div {
    padding: .35em 0
}

    .block div label:first-child {
        display: block;
        padding-bottom: .15em;
        margin-bottom: .15em
    }

.block label + div {
    margin-top: .15em
}

.block .req label {
    padding-left: 18px;
    background-position: left center
}

.block .stretch input, .block .stretch select, .block .stretch textarea {
    width: 95%
}

html > body .block .stretch input, html > body .block .stretch select, html > body .block .stretch textarea {
    width: auto
}

    .block .stretch input:first-child, .block .stretch label:first-child + input, .block .stretch label:first-child + select, .block .stretch label:first-child + textarea, .block .stretch select:first-child, .block .stretch textarea:first-child {
        width: 95%
    }

.block .stretch .error, .block .stretch .help, .block .stretch .tip {
    display: block;
    float: left;
    margin: .25em 0 .75em 0;
    clear: both
}

.block p.tip {
    margin-bottom: .75em
}

.block .accordion div {
    padding: 0
}

.block div div {
    float: left;
    clear: none;
    margin-right: 1em;
    padding: 0
}

    .block div div + p.tip, .block div.clearfix p.tip {
        clear: both
    }

.dataEntry {
    margin: 0 0 1em 0;
    padding: 16px;
    border: 1px solid;
    background: #ccc;
    border-color: #999
}

    .dataEntry .article {
        padding: 0 !important
    }

.confirmForm {
    margin: 0 auto;
    width: 50%
}

.dataEntry .title {
    margin: -16px -16px 16px -16px;
    padding: 16px;
    font-size: 1em;
    background: #000;
    color: #fff
}

.dataEntry .accordion {
    margin: 0 -1em
}

input[type=hidden] {
    height: 0 !important
}

.jquiDialogMain li {
    padding: 0
}

.col-a, .col-b, .col-c, .col-d {
    float: left
}

.grid-a .col-a {
    width: 49% !important;
    margin-right: .9%
}

.grid-a .col-b {
    width: 49% !important;
    margin-left: .9%
}

.grid-b .col-a {
    width: 32%;
    margin-right: .9%
}

.grid-b .col-b {
    width: 32%;
    margin-left: .9%;
    margin-right: .9%
}

.grid-b .col-c {
    width: 32%;
    margin-left: .9%
}

.grid-c .col-a {
    width: 75%;
    margin-right: .9%
}

.grid-c .col-b {
    width: 23%;
    margin-left: .9%
}

.grid-d .col-a {
    width: 23%;
    margin-right: .9%
}

.grid-d .col-b {
    width: 75%;
    margin-left: .9%
}

.grid-e .col-a {
    width: 23.5%;
    margin-right: .9%
}

.grid-e .col-b {
    width: 23.5%;
    margin-left: .9%;
    margin-right: .9%
}

.grid-e .col-c {
    width: 23.5%;
    margin-left: .9%;
    margin-right: .9%
}

.grid-e .col-d {
    width: 23.5%;
    margin-left: .9%
}

.grid-f .col-a {
    width: 23.5%;
    margin-right: .9%
}

.grid-f .col-b {
    width: 23.5%;
    margin-left: .9%;
    margin-right: .9%
}

.grid-f .col-c {
    width: 49%;
    margin-left: .9%
}

.grid-g .col-a {
    width: 49%;
    margin-right: .9%
}

.grid-g .col-b {
    width: 23.5%;
    margin-left: .9%;
    margin-right: .9%
}

.grid-g .col-c {
    width: 23.5%;
    margin-left: .9%
}

.grid-h .col-a {
    width: 23.5%;
    margin-right: .9%
}

.grid-h .col-b {
    width: 49%;
    margin-left: .9%;
    margin-right: .9%
}

.grid-h .col-c {
    width: 23.5%;
    margin-left: .9%
}

.grid-i .col-a {
    width: 32%;
    margin-right: .9%
}

.grid-i .col-b {
    width: 66%;
    margin-left: .9%
}

.grid-j .col-a {
    width: 66%;
    margin-right: .9%
}

.grid-j .col-b {
    width: 32%;
    margin-left: .9%
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

body {
    position: relative;
    background-color: #eee;
    color: #222
}

html > body {
    min-width: 980px
}

.layout {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 1400px
}

html > body .layout {
    width: 90%;
    min-width: 960px
}

hr.section {
    display: none !important
}

.hasWarning {
    padding-top: 20px
}

    .hasWarning #Header {
        top: 20px
    }

.warningBanner {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
    background: #ff0;
    color: #000
}

    .warningBanner span {
        display: block;
        margin: 4px;
        font-weight: 700;
        font-size: 12px
    }

body#Login {
    background: #fff url(img/login_body_bg.jpg) top center no-repeat
}

    body#Login .login {
        border: 2px solid;
        background: #eee;
        border-color: #ccc
    }

@media screen,projector,tv {
    body {
        padding-top: 112px
    }
}

#Header, #Header .layout {
    height: 112px
}

#Header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: bottom repeat-x
}

    #Header .layout {
        background: no-repeat bottom right
    }

    #Header #Branding {
        position: absolute;
        top: 8px;
        left: 8px
    }

    #Header .qsrc {
        position: absolute;
        top: 8px;
        right: 8px;
        text-align: right
    }

        #Header .qsrc .qry {
            width: 25em;
            margin-right: 3px;
            padding: 3px;
            font-size: 18px;
            border: 1px solid #999
        }

        #Header .qsrc * {
            float: left
        }

@media print {
    #Footer, #Header, #PageOptions {
        display: none
    }
}

#PageHeader {
    padding: .5em 0 .1em 0;
    background: #000;
    color: #fff;
    border-bottom: 1px solid #045599
}

    #PageHeader .icon {
        float: left;
        margin-right: 8px
    }

    #PageHeader h1 {
        font-weight: 700;
        font-size: 19.5px;
        padding-bottom: 6.5px;
        margin-bottom: 0
    }

#PagePath {
    padding: 0;
    font-size: .95em;
    color: #ccc
}

    #PagePath a {
        color: #ccc
    }

#Main-Menu {
    position: absolute;
    bottom: 0;
    left: 8px
}

    #Main-Menu ul {
        margin: 0;
        padding: 0
    }

        #Main-Menu ul li, #Main-Menu ul li a {
            float: left;
            margin: 0;
            padding: 0;
            list-style: none
        }

            #Main-Menu ul li a {
                margin: 0 4px 0 0;
                padding: 8px 8px 4px 8px;
                font-size: 16px;
                font-weight: 700;
                text-decoration: none !important;
                border-radius: 4px 4px 0 0;
                background: #999;
                color: #2e3436
            }

                #Main-Menu ul li a.selected {
                    background: #000;
                    color: #fff
                }

#Settings {
    position: absolute;
    top: 48px;
    right: 8px;
    line-height: 1.25em;
    color: #229fe1
}

    #Settings li {
        float: left;
        margin: 0 0 0 1em;
        list-style: none
    }

    #Settings a, #Settings span {
        display: block;
        padding-top: 4px;
        line-height: 1.125em;
        text-decoration: none
    }

        #Settings a:hover {
            text-decoration: underline
        }

        #Settings a:before {
            float: left;
            content: "•";
            text-indent: -9999px;
            overflow: hidden;
            width: 16px;
            height: 16px;
            margin-right: 4px;
            background-image: url(/Content/img/sico.png)
        }

        #Settings a.set-pwd:before {
            background-position: -16px 0
        }

        #Settings a.set-alerts:before {
            background-position: -32px 0
        }

        #Settings a.set-perm:before {
            background-position: -48px 0
        }

        #Settings a.set-user:before {
            background-position: -64px 0
        }

        #Settings a.help:before {
            background-position: -80px 0
        }

        #Settings a.help {
            background: 0 0 !important;
            padding-left: 0 !important
        }

#SubNav {
    margin: -8px -8px 8px -8px;
    background-color: #ccc;
    background-image: url(img/bg_subtabs.gif);
    background-position: bottom;
    background-repeat: repeat-x
}

    #SubNav ul {
        margin: 0;
        padding: 0
    }

        #SubNav ul li {
            float: left;
            margin: 0;
            padding: 0 0 1px 0;
            list-style: none
        }

            #SubNav ul li a {
                float: left;
                padding: 4px 6px;
                line-height: 1.25em;
                font-weight: 700;
                font-size: 13px;
                text-decoration: none !important;
                color: #000;
                border-left: 1px solid #eee;
                border-right: 1px solid #999;
                border-top: 1px solid #eee
            }

                #SubNav ul li a img {
                    margin-right: 8px
                }

                #SubNav ul li a:hover {
                    background: #bde6f9;
                    color: #000
                }

                #SubNav ul li a.selected {
                    margin-top: -5px;
                    padding: 7px 8px 7px 6px !important;
                    margin-bottom: -1px;
                    background: 0 0;
                    background-color: #fff !important;
                    color: #2e3436 !important
                }

                    #SubNav ul li a.selected:first-child {
                        border-left: none
                    }

                #SubNav ul li a a img {
                    float: left;
                    margin-right: 8px
                }

            #SubNav ul li a, #SubNav ul li span {
                height: auto !important
            }

#Content {
    background: #fff;
    color: #222
}

    #Content .layout {
        padding: 8px 0 16px 0
    }

#PageOptions {
    clear: both;
    padding: 4px;
    text-align: right
}

#Footer {
    color: 459ece;
    font-size: .9em;
    text-align: center;
    line-height: 1.5em;
    box-shadow: inset 0 2px 1px 2px #c8c8c8
}

    #Footer .layout {
        padding: 1em 0
    }

#FooterLinks, #FooterLinks li, #FooterLinks ul {
    float: none !important
}

    #FooterLinks li {
        display: inline;
        list-style: none;
        margin: 0 .5em
    }

body {
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: 300
}

a {
    text-decoration: none
}

    a:link {
        color: #22f
    }

    a:visited {
        color: #22f
    }

    a:hover {
        color: #6f6fff;
        text-decoration: underline
    }

    a:active {
        color: #c00
    }

address, dd, dt, label, li, p, td, th {
    line-height: 1.5em
}

ol, p, ul {
    padding-bottom: 1.5em
}

li ul {
    padding-bottom: 0
}

h1, h2, h3 {
    font-family: Arial,sans-serif
}

h1 {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 1.5em
}

h2 {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 1.5em
}

h3 {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 1.5em
}

li {
    margin-left: 2em
}

ul li {
    list-style: square
}

li ul li {
    list-style: disc
}

    li ul li ul li {
        list-style: circle
    }

.article ol li {
    list-style: decimal
}

    .article ol li ol li {
        list-style: lower-alpha
    }

        .article ol li ol li ol li {
            list-style: lower-roman
        }

ul.unbulleted li {
    margin-left: 0;
    list-style: none
}

ul.inline {
    display: inline;
    margin: 0;
    padding: 0
}

    ul.inline li {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0
    }

        ul.inline li:after {
            content: ", "
        }

        ul.inline li:last-child:after {
            content: ""
        }

small {
    font-size: .85em
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

var {
    font-style: italic
}

.form .error {
    padding-left: 20px;
    color: #fe4949 !important;
    background: url(/Content/img/silk/exclamation.png) center left no-repeat;
    font-weight: 700
}

.validation-summary {
    padding: 1em !important;
    background: #f7b0b0;
    border: 2px solid #c00;
    font-weight: 700;
    font-size: large
}

    .validation-summary ul {
        padding: 0
    }

    .validation-summary li {
        margin: 0;
        list-style: none
    }

    .validation-summary * {
        color: #c00 !important
    }

.form .validation-summary {
    margin-bottom: 1em
}

.errorMsg {
    margin: 1em;
    padding: 1em;
    background: #ffe1e1;
    border: 2px solid #fe2929;
    color: #fe2929;
    font-weight: 700
}

    .errorMsg .title {
        font-size: large;
        font-weight: 700
    }

    .errorMsg .help {
        display: block;
        margin-top: .5em
    }

    .errorMsg p {
        padding: 0
    }

.brandText {
    display: block;
    height: 64px;
    width: 256px;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    background: top left no-repeat;
    background-size: 256px 64px;
    background-image: url(img/logo.png)
}

.imgWrap img, img.tn {
    border-color: #999
}

.imgWrap {
    background-color: #eee;
    border-color: #ccc
}

.bigCounter {
    background-color: #999
}

.caption {
    color: #555753
}

.functionpanel {
    background-color: #999;
    color: #2e3436
}

.function {
    color: #ccc !important
}

.togglelbl {
    color: #22f
}

.notebutt {
    border-color: #2e3436;
    background-color: #ccc
}

    .notebutt:link {
        color: #2e3436
    }

    .notebutt:hover {
        color: #2e3436
    }

.linkbutton {
    border-color: #2e3436;
    background: #999;
    color: #2e3436 !important
}

.intro, table.report caption {
    background-color: #fffacd;
    border-color: #fce94f;
    color: #555753
}

.nodata {
    color: #babdb6;
    background-color: #ccc;
    border-color: #999
}

.unsent td {
    background-color: #fcc !important
}

.archived, .archived td, td.archived {
    background-color: #f7f7f7;
    color: #888a85 !important
}

    .archived a {
        color: #2e3436
    }

.deleted, .deleted * {
    text-decoration: line-through !important;
    color: #555753
}

    .deleted a {
        color: #2e3436 !important
    }

tr.selected, tr.selected span, tr.selected td {
    background-color: #729fcf !important;
    color: #eef !important
}

.selected a {
    color: #fff !important
}

.unread, .unread td.ut {
    background-color: #fffacd
}

    .unread a, .unread td a {
        color: #204a87
    }

        .unread .main a, .unread a.main {
            font-weight: 700
        }

    .unread.urgent {
        color: #733 !important
    }

.matched * {
    font-weight: 700
}

.warning {
    margin: 1em 0;
    padding: 1em;
    font-size: large;
    font-weight: 700;
    line-height: 1.35em;
    background: #fce94f;
    color: #a40000
}

.bad {
    color: #ef2929 !important;
    font-weight: 700
}

.good {
    color: #4e9a06 !important
}

img.ftype {
    display: block;
    float: left;
    margin-right: 8px
}

.imgWrap img, img.tn {
    position: relative
}

.imgWrap {
    margin: 0 0 8px 0;
    padding: 8px 8px 0 8px;
    overflow: hidden;
    border: 1px solid;
    text-align: center
}

    .imgWrap img {
        width: 100%
    }

.bigCounter {
    margin: 1em auto;
    padding: 1em;
    display: inline-block;
    text-align: center
}

    .bigCounter span {
        display: block;
        margin-bottom: .25em;
        font-size: 200%;
        font-weight: 700
    }

    .bigCounter dfn {
        display: block;
        font-size: 150%;
        font-style: normal
    }

a.graphicLink {
    width: 220px;
    height: 64px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    background: top left no-repeat
}

.caption {
    margin: .25em 0 1em 0;
    font-size: .85em;
    line-height: 1.25em;
    color: #555753
}

.empty {
    color: #8f5902;
    font-style: italic;
    background: #fffacd
}

.mob {
    padding-right: 14px;
    background: url(/Content/img/silk/phone.png) right center no-repeat
}

.permAdmin, .permDeny, .permReadOnly, .permReadWrite, .permTraverse {
    background: left center no-repeat;
    padding-left: 20px
}

.selected .permAdmin, .selected .permDeny, .selected .permReadOnly, .selected .permReadWrite, .selected .permTraverse {
    color: #fff
}

.permTraverse {
    color: #555753;
    background-image: url(/Content/img/silk/disabled.png)
}

.permReadOnly {
    color: #555753;
    background-image: url(/Content/img/silk/disabled.png)
}

.permReadWrite {
    color: #4e9a06;
    background-image: url(/Content/img/silk/accept.png)
}

.permAdmin {
    color: #4e9a06;
    font-weight: 700;
    background-image: url(/Content/img/silk/accept.png)
}

.permDeny {
    color: #c00;
    font-weight: 700;
    background-image: url(/Content/img/silk/delete.png)
}

span.iconOnly {
    display: block;
    float: left !important;
    width: 16px !important;
    height: 18px;
    margin-right: .3em;
    padding: 0 !important;
    text-indent: -9999px;
    overflow: hidden
}

span.alerts-on {
    background: url(/Content/img/silk/alert.png) left center no-repeat !important;
    padding-left: 20px !important;
    white-space: nowrap
}

span.alerts-off {
    background: url(/Content/img/silk/alert_off.png) left center no-repeat !important;
    padding-left: 20px !important;
    white-space: nowrap
}

label.directory-on {
    background: url(/Content/img/silk/user_add.png) left center no-repeat;
    padding-left: 20px !important;
    white-space: nowrap
}

label.directory-off {
    background: url(/Content/img/silk/user_delete.png) left center no-repeat;
    padding-left: 20px !important;
    white-space: nowrap
}

a.iconOnly {
    display: block;
    float: left;
    width: 16px;
    height: 18px;
    margin-right: .3em;
    padding: 0 !important;
    text-indent: -9999px;
    overflow: hidden
}

a.add {
    background: url(/Content/img/silk/add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.alerts {
    background: url(/Content/img/silk/email_go.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.alerts-on {
    background: url(/Content/img/silk/alert.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.alerts-off {
    background: url(/Content/img/silk/alert_off.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.back {
    background: url(/Content/img/silk/add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.close {
    background: url(/Content/img/silk/cross.png) center no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    cursor: pointer
}

a.comments {
    background: url(/Content/img/silk/comment.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.cancel, a.delete, a.remove {
    background: url(/Content/img/silk/cross.png) left center no-repeat !important;
    padding-left: 20px;
    white-space: nowrap
}

a.dir {
    background: url(/Content/img/silk/group.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.disable {
    background: url(/Content/img/silk/delete.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.denied {
    background: url(/Content/img/silk/disabled.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.permitted {
    background: url(/Content/img/silk/delete.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.dl {
    background: url(/Content/img/silk/disk.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    font-weight: 700
}

    a.dl.multiple {
        background-image: url(/Content/img/silk/disk_multiple.png)
    }

a.do {
    background: url(/Content/img/silk/bullet_go.png) right center no-repeat;
    padding-right: 20px
}

a.edit, a.update {
    background: url(/Content/img/silk/pencil.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.enable {
    background: url(/Content/img/silk/add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.exportCsv {
    background: url(/Content/img/ft/xls.png) left center no-repeat;
    padding-left: 20px
}

a.fix {
    background: url(/Content/img/silk/accept.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.help {
    cursor: help;
    background: url(/Content/img/silk/help.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.history {
    background: url(/Content/img/silk/clock.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.info {
    background: url(/Content/img/silk/information.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    cursor: help
}

a.links, span.links {
    background: url(/Content/img/silk/link.png) left center no-repeat;
    padding-right: 20px
}

a.audit, a.log {
    background: url(/Content/img/silk/report.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.letter, a.mail {
    background: url(/Content/img/silk/mail.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.mailto {
    background: url(/Content/img/silk/email.png) left center no-repeat;
    padding-left: 20px
}

a.map {
    background: url(/Content/img/silk/map.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.msgs {
    background: url(/Content/img/silk/comments.png) left center no-repeat;
    padding-left: 20px
}

a.msg {
    background: url(/Content/img/silk/comment.png) left center no-repeat;
    padding-left: 20px
}

    a.msg.edit {
        background-image: url(/Content/img/silk/comment_edit.png);
        white-space: nowrap;
        display: inline-block
    }

    a.msg.add {
        background-image: url(/Content/img/silk/comment_add.png);
        white-space: nowrap;
        display: inline-block
    }

a.new, a.updated, a.whatsnew {
    background: url(/Content/img/silk/star.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.notes {
    background: url(/Content/img/silk/note.png) left center no-repeat;
    padding-left: 20px
}

a.open {
    background: url(/Content/img/silk/folder_go.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    font-weight: 700
}

    a.open.doc {
        background-image: url(/Content/img/silk/page_white_go.png)
    }

a.permissions {
    background: url(/Content/img/silk/key.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.plus {
    background: url(/Content/img/silk/plus.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.reply {
    background: url(/Content/img/silk/comment_add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap;
    font-weight: 700
}

a.reopen {
    background: url(/Content/img/silk/decline.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.reinstate, a.restore {
    background: url(/Content/img/silk/add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.rss {
    background: url(/Content/img/silk/feed.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.select {
    background: url(/Content/img/silk/list-add.png) left center no-repeat;
    padding-left: 20px
}

a.selected {
    background: url(/Content/img/silk/accept.png) left center no-repeat;
    padding-left: 20px
}

a.send {
    background: url(/Content/img/silk/email_go.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.shortCut {
    background: url(/Content/img/silk/tag_blue.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.stats {
    background: url(/Content/img/silk/chart_bar.png) left center no-repeat;
    padding-left: 20px
}

a.alert, a.subscribe {
    background: url(/Content/img/silk/bell_add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.alert, a.subtract {
    background: url(/Content/img/silk/delete.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.tag {
    background: url(/Content/img/silk/tag_green.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.tagit {
    background: url(/Content/img/silk/link_add.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.time, p.time, span.time {
    background: url(/Content/img/silk/time.png) left center no-repeat;
    padding-left: 20px
}

a.profile.icon, a.uid.icon {
    background: url(/Content/img/silk/user_suit.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.unsubscribe {
    background: url(/Content/img/silk/bell_delete.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.updated {
    background: url(/Content/img/silk/star.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.vcs {
    background: url(/Content/img/silk/vcard.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

a.save {
    background: url(/Content/img/silk/disk.png) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

table.colgrid {
    width: 100%
}

    table.colgrid td {
        padding: .5em;
        vertical-align: top
    }

table.details {
    margin-bottom: 1em
}

    table.details td, table.details th {
        padding: .5em
    }

    table.details th {
        font-weight: 700
    }

.updating {
    padding-left: 230px;
    background: url(/Content/img/chrome/ajax_loader.gif) left center no-repeat;
    color: #888a85
}

.uberCheckBoxList .opt {
    display: block;
    float: none;
    margin: .5em 0
}

.uberCheckBoxList a {
    background: left center no-repeat;
    margin-right: 1em;
    padding-left: 20px;
    white-space: nowrap;
    cursor: pointer
}

    .uberCheckBoxList a.selectAll {
        background-image: url(/Content/img/silk/tick.png)
    }

    .uberCheckBoxList a.selectNone {
        background-image: url(/Content/img/silk/cross.png)
    }

.nodata {
    margin: 1em 0;
    padding: 2em;
    text-align: center;
    border: 3px dashed
}

    .nodata p:first-child {
        font-size: 1.5em;
        font-weight: 700
    }

.functionpanel {
    font-weight: 700;
    padding: .5em 0 .5em .4em;
    background-color: #888A85;
    color: #EEEEEC;
    text-align: left
}

.function {
    text-decoration: none;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 1em;
    color: #EEE !important;
    background-position: .4em;
    background-repeat: no-repeat
}

    .function:hover {
        cursor: pointer;
        text-decoration: underline
    }

.notetextbox {
    margin: 1em 0;
    width: 90%
}

.notediv {
    display: none
}

.togglelbl {
    cursor: pointer;
    color: #00f
}

.notebutt {
    border: thin solid grey;
    cursor: pointer;
    background-color: #CCC;
    font-weight: 400;
    margin-right: .5em;
    padding: 0 .2em
}

    .notebutt:link {
        color: #000
    }

    .notebutt:hover {
        color: #000;
        text-decoration: none
    }

.linkbutton {
    display: inline-block;
    padding: .25em .35em;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid #000;
    background: #191a1c;
    color: #fff !important;
    cursor: pointer
}

.flag {
    display: inline;
    float: right;
    margin: -1.2em 4em 0 1em
}

.messagesubject {
    display: block
}

.notetmplbl {
    display: none
}

.readlbl {
    display: none
}

table.key {
    margin: 1em 0 0 0;
    border-collapse: collapse
}

    table.key td {
        padding: 8px;
        font-weight: 700
    }

        table.key td img {
            float: left;
            margin: -4px 8px 0 -8px
        }

.loading {
    background: url(/Content/img/chrome/updating.gif) left center no-repeat;
    padding-left: 20px;
    white-space: nowrap
}

.newsfeedLoadinglbl {
    font-weight: 700;
    font-size: large;
    position: absolute
}

.align-left {
    float: left;
    margin: 0 16px 16px 0
}

.align-right {
    float: left;
    margin: 0 0 16px 16px
}

.align-center {
    clear: both;
    margin: 0 0 16px 0;
    text-align: center
}

dl.newsList dt {
    background: #ccc;
    border-color: #729fcf;
    color: #555753
}

dl.newsList dd {
    background: #ccc;
    border-color: #729fcf
}

dl.newsList .summary {
    border-color: #729fcf
}

dl.newsList .body {
    background-color: #eee
}

dl.newsList .title {
    display: block;
    padding: 0 0 0 20px;
    background: url(/Content/img/silk/information.png) left center no-repeat;
    border: none;
    font-weight: 700
}

dl.newsList .date {
    display: none
}

dl.newsList .summary, dl.newsList dt {
    cursor: pointer
}

dl.newsList dt {
    padding: .5em;
    line-height: 1.5em;
    background: #729fcf;
    color: #fff;
    border: 1px solid
}

dl.newsList dd {
    margin-bottom: 1em;
    padding: 8px;
    border: 1px solid;
    border-top: none
}

dl.newsList .summary {
    margin: -8px;
    padding: 8px
}

    dl.newsList .summary p {
        margin-bottom: 0
    }

dl.newsList .body {
    margin: -8px;
    padding: 8px;
    border-top: 1px dotted
}

dl.newsList dd p, dl.newsList dd ul {
    line-height: 1.4em;
    margin-bottom: 1em
}

    dl.newsList dd p:last-child {
        padding-bottom: 0
    }

dl.newsList dd img {
    display: none
}

.webpart {
    position: relative;
    clear: both;
    margin: 0 0 1em 0;
    padding: 0;
    text-align: left
}

.toolbar-vertical + .webpart {
    margin-top: 1em
}

.webpart > .title {
    margin: 0 0 6px 0;
    padding: 4px;
    font-weight: 700;
    font-size: 1em;
    border-bottom: 1px solid;
    color: #555753;
    background: #ccc;
    border-color: #fff
}

.webpart .subtitle {
    margin: -6px 0 6px 0;
    padding: 4px;
    font-size: small;
    line-height: 1.25em;
    border-bottom: 1px solid;
    color: #555753;
    background: #eee;
    border-color: #ccc
}

.webpart .inner {
    margin: -8px 0;
    padding: 8px 0
}

.webpart .footer {
    margin: 6px 0 0 0;
    padding: 4px;
    font-size: small;
    line-height: 1.25em;
    border-top: 1px solid;
    color: #555753;
    background: #eee;
    border-color: #ccc
}

.webpart .inner ul:first-child {
    padding-bottom: 0
}

.webpart li {
    padding: .25em 0
}

.webpart .inner .browser {
    margin: -8px 0 -6px 0
}

.webpart .search {
    padding: 4px;
    color: #555753;
    background: #eee;
    border-color: #ccc
}

.webpart .inner .search {
    margin: -6px 0 6px 0
}

.browser {
    width: 100%;
    margin-bottom: 16px;
    background: #fff
}

    .browser td, .browser th {
        border-collapse: collapse
    }

        .browser td .cmd, .browser th .cmd {
            text-align: right
        }

    .browser a {
        text-decoration: none
    }

    .browser tr.deleted {
        background: #f7f7f7;
        color: inherit
    }

    .browser tr.inherited {
        background: inherit;
        color: #888a85
    }

    .browser tr.assoc a.mainLink {
        font-weight: 700
    }

    .browser .groupHeader td, .browser .groupHeader th {
        border-bottom: 1px solid;
        background-color: #ccc;
        border-color: #999
    }

    .browser .groupHeader strong {
        display: block;
        font-size: large
    }

    .browser .header th, .browser thead th {
        padding: .5em;
        font-weight: 700;
        line-height: 1.25em;
        border-bottom: 1px solid;
        background-color: #ccc;
        border-color: #999;
        color: inherit
    }

    .browser tbody td, .browser tbody th {
        padding: .5em;
        border-bottom: 1px solid;
        line-height: 1.25em;
        vertical-align: top;
        background-color: transparent;
        border-color: #ccc;
        background-color: inherit
    }

    .browser tbody th {
        font-weight: 700
    }

    .browser tfoot td, .browser tfoot th {
        padding: .5em;
        font-weight: 700;
        font-size: small;
        border-top: 1px solid;
        border-bottom: 1px solid;
        background-color: #eee;
        border-color: #ccc;
        color: inherit
    }

    .browser tfoot th {
        font-weight: 700
    }

    .browser + .pager {
        margin-top: -16px;
        margin-bottom: 16px
    }

    .browser img.tn {
        float: left;
        margin-right: 8px
    }

    .browser img.ftype {
        border: none
    }

    .browser td.ut {
        padding-left: 20px;
        background-image: url(/Content/img/silk/bullet_arrow_down.png);
        background-position: 0 .4em;
        background-repeat: no-repeat
    }

    .browser .utils {
        display: block;
        margin: .75em 0 0 0;
        font-size: .95em;
        white-space: nowrap
    }

        .browser .utils a {
            display: inline-block;
            height: 16px;
            margin-right: .75em
        }

    .browser td .description {
        display: block;
        margin: .25em 0 0;
        font-size: small
    }

    .browser .emphasised, .browser .emphasised td {
        font-weight: 700;
        font-size: 110%
    }

tr.pagerRow {
    line-height: 1.25em
}

    tr.pagerRow td {
        padding: 1em 0
    }

        tr.pagerRow td td {
            background: 0 0 !important;
            border: none !important;
            font-size: large;
            font-weight: 700;
            padding: 0 .5em 0 0 !important
        }

tr.cmd td {
    padding: .5em;
    border-bottom: 1px solid;
    text-align: right
}

tr.cmd .actions {
    float: left
}

.browser a.sort {
    padding-right: 20px;
    background: url(/Content/img/chrome/sortable.png) right center no-repeat
}

.browser a.sorted {
    color: #204a87;
    font-size: 110%
}

    .browser a.sorted.asc {
        background-image: url(/Content/img/chrome/sorted-asc.png)
    }

    .browser a.sorted.desc {
        background-image: url(/Content/img/chrome/sorted-desc.png)
    }

.filterSearch {
    position: relative;
    padding: .5em;
    font-size: 90%;
    border-top: 2px solid;
    line-height: 1.5em;
    color: #555753;
    background: #ccc;
    border-top: 1px solid #999
}

    .filterSearch .cmd, .filterSearch .filter {
        float: left;
        margin-right: .25em
    }

    .filterSearch .info {
        position: absolute;
        top: .5em;
        right: .5em
    }

    .filterSearch .count {
        font-weight: 700
    }

    .filterSearch .filter input {
        width: 25em;
        padding: 3px
    }

    .filterSearch .options {
        clear: both;
        padding-top: .75em
    }

    .filterSearch .btn {
        padding: 4px;
        font-size: 12px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px
    }

    .filterSearch .options input, .filterSearch .options label, .filterSearch .options select, .filterSearch .options span {
        float: left;
        margin-right: .5em
    }

    .filterSearch .options label {
        margin-right: 1em
    }

    .filterSearch .sep {
        margin-right: 1em;
        color: #95dafb
    }

table.browser td label + input {
    margin-left: .5em
}

tr.cs-c a.citem {
    color: #4e9a06;
    font-weight: 700
}

tr.cs-n1 a.citem {
    color: #f57900;
    font-weight: 700
}

tr.cs-n2 a.citem {
    color: #ef2929;
    font-weight: 700
}

tr.cs-n3 a.citem {
    color: #c00;
    font-weight: 700
}

tr.cs-na a.citem {
    color: #888a85
}

.cstatus {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: no-repeat center
}

.cs-c .cstatus {
    background-image: url(../img/cs/cs_c_16.png)
}

.cs-u .cstatus {
    background-image: url(../img/cs/cs_u_16.png)
}

.cs-na .cstatus {
    background-image: url(../img/cs/cs_na_16.png)
}

.cs-n1 .cstatus {
    background-image: url(../img/cs/cs_n_low_16.png)
}

.cs-n2 .cstatus {
    background-image: url(../img/cs/cs_n_med_16.png)
}

.cs-n3 .cstatus {
    background-image: url(../img/cs/cs_n_high_16.png)
}

.compliance-status {
    border: 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: .15em .2em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
    color: #fff;
    background: #fff
}

    .compliance-status.block {
        display: block;
        text-align: center
    }

    .compliance-status.Compliant {
        color: #4e9a06;
        background: #d8ffb2
    }

    .compliance-status.NonCompliant {
        color: #c00;
        background: #ffd3d3
    }

    .compliance-status.NonCompliantAndDue {
        color: #c00;
        background: #ffd3d3
    }

    .compliance-status.Due {
        color: #ce5c00;
        background: #ffeab7
    }

    .compliance-status.Unknown {
        color: #42c4f7;
        background: #c7edfc
    }

    .compliance-status.NotApplicable {
        color: #888a85;
        background: #eee
    }

.issue-status {
    display: inline-block;
    height: 18px;
    padding-left: 24px;
    background: top left no-repeat;
    color: #c00;
    text-transform: uppercase
}

    .issue-status.High {
        background-image: url(../img/cs/cs_n_high_16.png);
        font-weight: 700
    }

    .issue-status.Medium {
        background-image: url(../img/cs/cs_n_med_16.png)
    }

    .issue-status.Low {
        background-image: url(../img/cs/cs_n_low_16.png)
    }

.compliance-code {
    display: inline-block;
    border: 1px solid orange;
    background: #fff;
    padding: 3px;
    font-size: 12px;
    font-family: monospace;
    text-transform: uppercase;
    color: #f57900
}

.compliance-row, .compliance-row td {
    border-color: #fff !important;
    border-width: 2px !important
}

    .compliance-row.Compliant {
        background: #f2ffe5
    }

    .compliance-row.NonCompliant {
        background: #ffe5e5
    }

    .compliance-row.Due {
        background: #fff9ea
    }

    .compliance-row.Unknown {
        background: #edf4f7
    }
    .compliance-row.NotApplicable {
        background: #eee;
    }

    .compliance-row.NonCompliant a:link, .compliance-row.NonCompliant a:visited {
        color: #c00;
        font-weight: 700
    }

    .compliance-row.Unknown a:link, .compliance-row.Unknown a:visited {
        color: #888a85;
        font-weight: 700
    }

    .compliance-row.Due a:link, .compliance-row.Due a:visited {
        color: #ce5c00;
        font-weight: 700
    }

    .compliance-row.Compliant a:link, .compliance-row.Compliant a:visited {
        color: #4e9a06
    }

.issue-count {
    color: #c00
}

.issue-count-high {
    font-weight: 700;
    text-align: center;
    color: #c00
}

.issue-count-med {
    text-align: center;
    color: #c00
}

.issue-count-low {
    opacity: .6;
    text-align: center;
    color: #c00
}

tr.expandable {
    display: none
}

    tr.expandable.expanded {
        display: block
    }

a.expander:after {
    content: "▼"
}

a.expander.expanded:after {
    content: "▲"
}

tr.expandable {
    background: #f7f7f7
}

    tr.expandable > td {
        margin: 0;
        padding: 0;
        border-spacing: 0
    }

.expandable table {
    width: 100%;
    border: none;
    font-size: .9em;
    border-collapse: collapse
}

    .expandable table td {
        border: none;
        border-top: 1px solid #fff
    }

td.truncate {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pd .logo {
    float: left;
    margin: 0 16px 8px 0
}

.pd address, .pd span {
    line-height: 1.4em
}

.pd dfn {
    font-style: normal;
    color: #888a85
}

.pd address {
    font-style: normal;
    color: #555753
}

    .pd address.fax, .pd address.mailto, .pd address.mob, .pd address.tel {
        display: inline;
        margin-right: 1em
    }

.pd li {
    clear: both;
    margin: 0;
    list-style: none
}

.pd .org {
    margin-bottom: 1.5em;
    padding: .5em;
    border: 2px solid #ccc
}

    .pd .org .title {
        font-size: x-large
    }

.pd .opt {
    float: right;
    font-size: small;
    line-height: 1.5em
}

.pd .further {
    float: left;
    margin-top: 1em
}

.pd .person {
    margin-top: 1em
}

    .pd .person .title {
        font-size: medium
    }

.pd .title {
    display: block;
    margin-bottom: .25em;
    padding: .25em;
    border-bottom: 1px solid;
    background-color: #eee;
    border-color: #ccc
}

    .pd .title .name {
        font-weight: 700
    }

.pd .perm {
    display: block;
    margin-top: .5em;
    line-height: 1.4em;
    font-size: .85em;
    font-weight: 700;
    color: #888a85
}

.pd .directory-admin {
    color: #4e9a06
}

.pd directory-readwrite {
    color: #73d216
}

.pd .directory-readonly {
    color: #555753
}

.pd .directory-traverse {
    color: #888a85
}

.pd .directory-deny {
    color: #c00
}

.pd .empty {
    clear: both;
    margin-top: 1em;
    padding: 1em;
    font-size: 1em;
    border: 2px dashed;
    background-color: #eee;
    border-color: #ccc
}

.miniPd {
    margin: 0 0 1em 0
}

    .miniPd li {
        margin: 0 0 .25em 0;
        padding: .25em;
        line-height: 1.25em;
        list-style: none;
        background-color: #eee
    }

.jquiDialogForm input, .jquiDialogForm select, .jquiDialogForm textarea {
    padding: 2px !important;
    font-size: 100% !important
}

.jquiDialogForm label {
    padding: 0 !important;
    line-height: 1em !important
}

.x {
    display: none
}

.miniBrowser, .miniBrowser li {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none
}

    .miniBrowser li {
        font-size: 14px;
        height: 16px
    }

    html > body .miniBrowser li {
        height: auto;
        min-height: 16px
    }

        .miniBrowser li a, .miniBrowser li input, .miniBrowser li span, .miniBrowser li strong {
            float: left;
            line-height: 1.5em
        }

        .miniBrowser li input {
            margin-top: 2px
        }

        .miniBrowser li a, .miniBrowser li span, .miniBrowser li strong {
            margin-left: 2px;
            padding-left: 22px;
            background: 0 2px no-repeat
        }

        .miniBrowser li.folder a, .miniBrowser li.folder span, .miniBrowser li.folder strong {
            background-image: url(/Content/img/silk/folder.png)
        }

.destinationFolder {
    background: url(/Content/img/silk/folder.png) left top no-repeat;
    padding: 0 0 0 20px
}

.loadinglbl {
    font-weight: 700;
    font-size: large;
    position: absolute;
    top: 30%;
    left: 30%
}

#SelectProperties .loadinglbl {
    position: relative;
    top: auto;
    left: auto;
    padding-left: 8px;
    font-weight: 700;
    font-size: large
}

.innerRadio Label {
    background-image: none;
    color: gray;
    float: left;
    margin-left: .25em;
    padding: 0
}

.innerRadio {
    margin: .25em 0 0 3em;
    width: 25em;
    clear: both
}

    .innerRadio input {
        margin: 0 0 0 .5em !important
    }

.toolTipPopup {
    z-index: 4;
    position: absolute;
    border: 2px solid;
    display: none;
    font-size: small;
    overflow: auto;
    height: auto;
    width: 400px;
    padding: .5em;
    max-height: 100px;
    background-color: #ccc;
    color: #555753
}

    .toolTipPopup a {
        color: #22f !important
    }

    .toolTipPopup p {
        padding: 0
    }

    .toolTipPopup ul.shortcuts {
        margin: 0;
        padding: 0
    }

        .toolTipPopup ul.shortcuts li {
            margin-top: .5em;
            padding-left: 22px;
            background: url(/Content/img/silk/folder_page.png) top left no-repeat
        }

    .toolTipPopup .close {
        position: absolute;
        top: .5em;
        right: 0;
        text-indent: -9999px;
        overflow: hidden;
        width: 16px;
        height: 16px
    }

ol.history li {
    margin: 0
}

    ol.history li a {
        display: block;
        position: relative;
        padding: .15em 0 .15em 20px;
        line-height: 1.25em;
        background: url(/Content/img/silk/folder.png) left .15em no-repeat
    }

    ol.history li.Project a {
        background-image: url(/Content/img/silk/wrench_orange.png)
    }

    ol.history li.Property a {
        background-image: url(/Content/img/silk/house.png)
    }

    ol.history li.Document a {
        background-image: url(/Content/img/silk/page.png)
    }

.infoBox {
    background: #f4fbff;
    border-color: #e1f3fd
}

    .infoBox .opt {
        border-color: #e1f3fd
    }

    .infoBox.good, .infoBoxGood {
        background: #b9e98b;
        color: #2c7804;
        border-color: #4e9a06
    }

    .infoBox.OverDue, .infoBoxOverDue {
        background: #ffeab7;
        color: #ce5c00;
        border-color: #ce5c00
    }

    .infoBox.bad, .infoBoxBad {
        background: #f7b0b0;
        color: #c00;
        border-color: #c00
    }

    .infoBox.info, .infoBoxInfo {
        background: #bad5f2;
        color: #204a87;
        border-color: #3465a4
    }

.infoBoxGood .opt {
    background: #cffcbe
}

.infoBoxBad .opt {
    background: #f7e0e0
}

.infoBoxInfo .opt {
    background: #e4ecf4
}

.infoBox a {
    color: #125
}

.infoBox {
    position: relative;
    padding: .5em;
    border: 2px solid
}

    .infoBox h2, .infoBox p {
        padding-bottom: 0
    }

    .infoBox .opt {
        clear: both;
        display: block;
        margin: .5em -.5em -.5em;
        padding: .5em;
        border-top: 1px dotted
    }

        .infoBox .opt a {
            margin-right: .5em
        }

    .infoBox .status {
        float: left;
        width: 48px;
        height: 48px;
        margin: 0 8px 0 0;
        text-indent: -9999px;
        overflow: hidden
    }

div.infoBox {
    margin-bottom: 1em
}

li.infoBox {
    border: none
}

.infoBox div.details {
    margin-left: 56px
}

.infoBox.good .status, .infoBoxGood .status {
    background-image: url(/Content/img/cs/cs_c_48_hi.png)
}

.infoBox.info .status, .infoBoxInfo .status {
    background-image: url(/Content/img/bigico/info_48.png)
}

.infoBoxGood .opt {
    background: #cffcbe
}

.infoBoxBad .opt {
    background: #f7e0e0
}

.infoBoxInfo .opt {
    background: #e4ecf4
}

.intro {
    margin: 0 0 .5em 0;
    padding: 8px 8px 8px 28px;
    line-height: 1.35em;
    border: 1px solid;
    background: url(/Content/img/silk/information.png) 8px 8px no-repeat;
    -moz-border-radius: 4pt;
    -webkit-border-radius: 4pt
}

    .intro.bad {
        background-image: url(/Content/img/silk/exclamation.png)
    }

    .intro p + p {
        margin-top: 1em
    }

    .intro h2 {
        margin-top: 0
    }

.feed a {
    text-decoration: none
}

.feed .inner {
    padding: .25em 0
}

.feed .item {
    font-weight: 700
}

.feed dd, .feed dt {
    line-height: 1.35em
}

.feed blockquote {
    margin: .5em 0;
    padding: 0 0 0 20px;
    font-style: italic;
    color: #555753;
    background: url(/Content/img/silk/comment.png) top left no-repeat
}

.feed dt.group {
    padding: .5em 0;
    margin: 0 0 .25em 0;
    font-weight: 700;
    font-size: small;
    border-bottom: 1px solid;
    border-color: #999;
    color: #555753
}

.feed dl.items {
    margin: .5em 0
}

    .feed dl.items dt {
        clear: left;
        float: left;
        width: 56px;
        padding-bottom: 4px;
        font-size: small;
        font-weight: 700;
        background: top left no-repeat;
        color: #babdb6
    }

    .feed dl.items dd {
        clear: right;
        margin: 0 0 .5em 80px;
        padding-bottom: .5em;
        font-size: small
    }

        .feed dl.items dd:last-child {
            border: none;
            padding-bottom: 0
        }

.feed .details {
    padding: 8px;
    background: #eee
}

    .feed .details p {
        margin-bottom: 8px
    }

    .feed .details ul {
        margin-left: 2em;
        list-style: disc
    }

.feed.icons dl.items dt {
    padding-left: 22px;
    background-image: url(/Content/img/silk/information.png)
}

    .feed.icons dl.items dt.ComplianceItemEnabled, .feed.icons dl.items dt.ContainerCreated, .feed.icons dl.items dt.ContainerTagged, .feed.icons dl.items dt.NewComplianceRecordCreated, .feed.icons dl.items dt.NewDocumentVersionCreated, .feed.icons dl.items dt.ProjectCreated, .feed.icons dl.items dt.ProjectLinkedToProperty, .feed.icons dl.items dt.PropertyCreated {
        background-image: url(/Content/img/silk/add.png)
    }

    .feed.icons dl.items dt.AdvertUpdated, .feed.icons dl.items dt.ContainerUpdated, .feed.icons dl.items dt.RemedialActionUpdated {
        background-image: url(/Content/img/silk/pencil.png)
    }

    .feed.icons dl.items dt.PersonAddedToJobDirectory {
        background-image: url(/Content/img/silk/user_add.png)
    }

    .feed.icons dl.items dt.CompanyAddedToJobDirectory {
        background-image: url(/Content/img/silk/group_add.png)
    }

    .feed.icons dl.items dt.PersonRemovedFromJobDirectory {
        background-image: url(/Content/img/silk/user_delete.png)
    }

    .feed.icons dl.items dt.CompanyRemovedFromJobDirectory {
        background-image: url(/Content/img/silk/group_delete.png)
    }

    .feed.icons dl.items dt.FileDownloaded {
        background-image: url(/Content/img/silk/magnifier.png)
    }

    .feed.icons dl.items dt.MessagePosted {
        background-image: url(/Content/img/silk/user_comment.png)
    }

    .feed.icons dl.items dt.MessageViewed {
        background-image: url(/Content/img/silk/magnifier.png)
    }

    .feed.icons dl.items dt.ComplianceItemDisabled, .feed.icons dl.items dt.ComplianceRecordDeleted, .feed.icons dl.items dt.ContainerFlaggedDeleted, .feed.icons dl.items dt.PropertyRemovedFromProject, .feed.icons dl.items dt.RemedialActionDeleted {
        background-image: url(/Content/img/silk/delete.png)
    }

    .feed.icons dl.items dt.RemedialActionConfirmedFixed, .feed.icons dl.items dt.RemedialActionFixed {
        background-image: url(/Content/img/silk/accept.png)
    }

    .feed.icons dl.items dt.RemedialActionCreated, .feed.icons dl.items dt.RemedialActionReopened {
        background-image: url(/Content/img/silk/exclamation.png)
    }

    .feed.icons dl.items dt.ComplianceReminder {
        background-image: url(/Content/img/silk/error.png)
    }

    .feed.icons dl.items dt.PermissionRemoved, .feed.icons dl.items dt.PermissionSet {
        background-image: url(/Content/img/silk/lock.png)
    }

    .feed.icons dl.items dt.ContainerLocked {
        background-image: url(/Content/img/silk/lock.png)
    }

    .feed.icons dl.items dt.ContainerUnlocked {
        background-image: url(/Content/img/silk/lock_open.png)
    }

    .feed.icons dl.items dt.AlertCreated {
        background-image: url(/Content/img/silk/email_add.png)
    }

    .feed.icons dl.items dt.AlertDeleted {
        background-image: url(/Content/img/silk/email_delete.png)
    }

    .feed.icons dl.items dt.AddedAlertEmailSend, .feed.icons dl.items dt.AddedToDirectoryEmailSend, .feed.icons dl.items dt.EmailSend, .feed.icons dl.items dt.EmailUserLoginDetails, .feed.icons dl.items dt.FileSystemEmailSend, .feed.icons dl.items dt.PermissionEmailSend {
        background-image: url(/Content/img/silk/email_go.png)
    }

.thread {
    margin: 0;
    list-style: none
}

.message {
    position: relative;
    padding: .15em 0 0 0
}

    .message .meta {
        position: relative;
        padding-bottom: .4em;
        border-bottom: 1px solid;
        background: #ccc;
        color: #babdb6
    }

    .message .author {
        font-weight: 700
    }

    .message .title {
        padding: 0 0 .25em 0;
        font-size: 1.25em;
        color: #555753
    }

    .message .body {
        padding: .25em 0
    }

    .message .reply {
        line-height: 1.25em
    }

    html > body .message .reply {
        position: absolute;
        bottom: .4em;
        right: 0;
        font-weight: 700
    }

.replies {
    margin: 0 2em;
    padding: 0
}

    .replies li {
        list-style: none
    }

    .replies .message {
        clear: both
    }

.pager {
    border-top: 1px solid #ccc;
    background: #000;
    border-color: #ccc
}

    .pager table, .pager td {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-collapse: collapse !important
    }

    .pager td {
        width: 2.15em;
        border-color: #ccc
    }

    .pager a {
        color: #fff;
        background: #000;
        text-decoration: none !important
    }

        .pager a:hover {
            background: #000;
            color: #fff
        }

    .pager a, .pager span {
        float: left;
        width: auto;
        min-width: 1.8em;
        padding: .15em .1em;
        border-right: 1px solid;
        text-align: center;
        font-weight: 700;
        font-size: 120%;
        line-height: 1.25em;
        background: 0 0;
        border-color: #ccc
    }

        .pager a.curPage, .pager span.curPage {
            background: #ccc;
            color: #000
        }

.jquiDialog {
    background-color: #fff;
    border: 1px solid;
    padding: 0 !important
}

    .jquiDialog .ui-dialog-content {
        padding: 0
    }

    .jquiDialog .pager {
        font-size: 80%
    }

    .jquiDialog button.btn {
        padding: 2px 4px 2px 4px
    }

    .jquiDialog .searchSection {
        padding: 6px 8px;
        border-bottom: 1px solid
    }

    .jquiDialog .searchBox {
        margin-right: .5em;
        padding: 0;
        width: 70%
    }

    .jquiDialog .cmd {
        position: absolute;
        top: 8px;
        right: 8px
    }

.jquiDialogTitle div.title {
    padding: 3px 0 3px 0;
    float: left
}

.jquiDialogTitle {
    height: 1.5em;
    position: relative;
    padding: 8px 128px 8px 8px;
    font-weight: 700
}

html > body .jquiDialogTitle {
    height: auto;
    min-height: 1.5em
}

    .jquiDialogTitle a.up, .jquiDialogTitle a.upLink {
        margin-bottom: 4px;
        margin-left: 26px;
        padding-left: 26px;
        background: transparent url(/Content/img/silk/eject_blue.png) no-repeat scroll left center
    }

    .jquiDialogTitle.containerNotInTitle a.up, .jquiDialogTitle.containerNotInTitle a.upLink {
        margin-left: 4px !important;
        margin-right: 22px !important
    }

    .jquiDialogTitle .up {
        margin-top: 8px
    }

    .jquiDialogTitle a.backLink {
        margin-bottom: 4px;
        margin-left: 26px;
        padding-left: 26px;
        background: transparent url(/Content/img/silk/back_16.png) no-repeat scroll left center;
        margin-top: 8px
    }

    .jquiDialogTitle.containerNotInTitle a.backLink {
        margin-left: 4px !important
    }

.jquiDialog .footer {
    padding: 4px;
    border-top: 1px solid;
    font-size: 14px
}

.jquiDialog .footertop {
    padding: 8px 0;
    font-size: 14px
}

.jquiDialogContent {
    height: 256px;
    position: relative;
    overflow: auto
}

.jquiDialogTask .jquiDialogContent {
    height: 411px
}

.jquiDialogSmall .jquiDialogContent {
    height: 150px
}

.jquiDialog #ConfirmButton {
    margin-right: .5em
}

.jquiDialogMain {
    width: 314px;
    height: 240px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px
}

.jquiDialogSide {
    width: 253px;
    height: 240px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 330px;
    padding: 8px;
    border-left: 1px solid
}

.jqmnSingle {
    width: 584px;
    height: 240px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px
}

.jquiDialogTask .jqmnSingle {
    height: 395px
}

.jquiDialogMedium .jqmnSingle {
    width: 484px;
    height: 134px
}

.jquiDialogSmall .jqmnSingle {
    width: 384px;
    height: 134px;
    line-height: 1.5em
}

.jquiDialogContent table {
    width: 100%;
    border-collapse: collapse
}

    .jquiDialogContent table td {
        padding: .1em;
        font-size: small;
        border-bottom: 1px solid;
        border-right: 1px solid
    }

.jquiDialog .block .stretch input, .jquiDialog .block .stretch select, .jquiDialog .block .stretch textarea {
    width: 95%
}

.jquiDialog .vcard {
    margin: 4px;
    font-size: .9em
}

    .jquiDialog .vcard .tel, .jquiDialog .vcard .tel li {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .jquiDialog .vcard .tel abbr {
            float: left;
            width: 3em;
            font-weight: 700
        }

table.report thead th {
    background: #000;
    color: #fff !important
}

table.report tfoot tr.total td, table.report tfoot tr.total th {
    border-color: #999;
    background-color: #eee
}

table.report thead tr.total td, table.report thead tr.total th {
    border-color: #999;
    background-color: #eee
}

table.report tbody td, table.report tbody th {
    border-color: #999
}

table.report tbody tr.alt {
    background: #ccc
}

table.report tbody tr.rowHeader td, table.report tbody tr.rowHeader th {
    border-color: #94dafb
}

table.report span.minor {
    color: #555753
}

table.report thead th span.minor {
    color: #ccc
}

table.report thead th.current {
    background-color: #0677bb
}

table.report tbody td.current {
    border-color: #fce94f;
    background-color: #fffacd
}

table.report tfoot td.current {
    border-color: #999;
    background-color: #ccc
}

table.report tbody td.overdue {
    background-color: #fcc;
    color: #c00
}

    table.report tbody td.overdue a {
        color: #c00
    }

table.report tfoot td.overdue {
    background-color: #ecc;
    border-color: #cbb;
    color: #c00
}

table.report {
    width: 100%
}

    table.report caption {
        padding: .5em .5em .5em 28px;
        border-top: 1px solid;
        background: url(/Content/img/silk/information.png) 8px 8px no-repeat
    }

    table.report, table.report td, table.report th {
        line-height: 1.5em
    }

        table.report thead td, table.report thead th {
            padding: .5em 1em;
            font-weight: 700
        }

        table.report tfoot td, table.report tfoot th {
            padding: .5em 1em
        }

        table.report tfoot tr.total td, table.report tfoot tr.total th {
            font-weight: 700;
            border-top: 3px double
        }

        table.report thead tr.total td, table.report thead tr.total th {
            font-weight: 700;
            border-top: 1px solid;
            border-bottom: 3px double
        }

        table.report tbody td, table.report tbody th {
            padding: .5em 1em;
            border-top: 1px solid;
            font-size: 90%
        }

        table.report td.total, table.report th.total {
            font-weight: 700;
            text-align: right;
            font-size: 110%
        }

        table.report tbody tr.rowHeader td, table.report tbody tr.rowHeader th {
            padding: .25em 1em;
            font-weight: 700;
            border: none;
            border-bottom: 1px solid
        }

        table.report tbody tr.rowHeader a {
            text-decoration: underline
        }

        table.report span.minor {
            font-size: 85%;
            display: block
        }

td.centred, th.centred {
    text-align: center !important
}

table.report big {
    display: block;
    font-weight: 700;
    font-size: 1.75em
}

table.report small {
    display: block
}

table.report tbody small {
    color: #888a85
}

table.report th a {
    display: block
}

table.report td.current, table.report th.current {
    border-left: 1px solid;
    border-right: 1px solid
}

table.report thead th.current {
    font-size: 150%
}

table.report tbody td.current {
    border-color: #fce94f
}

table.report tbody td.overdue a {
    font-weight: 700
}

.chart {
    text-align: center
}

    .chart img {
        width: 100% !important;
        height: 100% !important
    }

table.selectable {
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid;
    border-collapse: collapse;
    border-color: #999
}

div.selector table.selectable {
    border: none
}

table.selectable td, table.selectable th {
    padding: 4px;
    border-collapse: collapse;
    background: #eee;
    border-color: #ccc
}

table.selectable thead th {
    border-bottom: 1px solid;
    font-weight: 700;
    font-size: 12px;
    background: #ccc;
    border-color: #999
}

table.selectable td {
    border-bottom: 1px solid #999
}

table.selectable tr.primary td {
    border: none
}

    table.selectable tr.primary td:first-child {
        border-bottom: 1px solid #999
    }

    table.selectable tr.primary td:first-child, table.selectable tr.secondary td, td.selector {
        border-bottom: 1px solid #999;
        color: #229fe1
    }

table.selectable td input {
    width: 100%;
    padding: 0;
    font-size: 12px
}

table.selectable + div.selectable-scroller {
    margin-top: -16px
}

div.selectable-scroller {
    height: 300px;
    overflow: auto;
    border: 1px solid;
    border-color: #999;
    background: #eee
}

    div.selectable-scroller table.selectable {
        border: none !important
    }

.selector {
    margin-bottom: 1em;
    border: 1px solid;
    border-color: #999;
    background: #ccc
}

.selector-single {
    height: 320px
}

.selector-title {
    display: block;
    padding: 8px;
    font-weight: 700;
    font-size: 1em
}

.selector-instructions {
    display: block;
    padding: 8px
}

.selector-controls {
    float: left;
    padding: 4px
}

.selector-search {
    padding: 8px 8px 0 8px
}

    .selector-search label {
        margin-right: .5em
    }

.selector-controls a {
    margin-right: .5em
}

.selector-clear-search-button, .selector-search-button, .selector-search-text {
    padding: .25em;
    font-size: 1.25em
}

.selector-search-text {
    width: 80%;
    border: 1px solid;
    padding: 2px !important;
    border-color: #999
}

.selector-search-button {
    display: none
}

.selector-clear-search-button {
    position: absolute;
    margin: 0 0 0 -32px
}

.hidden {
    display: none
}

.selector-back-button, .selector-up-button {
    padding-left: 14px;
    background: left center no-repeat
}

.selector-up-button {
    background-image: url(/Content/img/chrome/go-up.png)
}

.selector-back-button {
    background-image: url(/Content/img/chrome/go-back.png)
}

.selector-panes {
    padding: 8px
}

.selector-browser, .selector-selection {
    height: 234px;
    float: left;
    overflow: auto;
    border: 1px solid;
    border-color: #999;
    background: #ccc
}

.selector-multiple .selector-browser {
    width: 58.5%;
    margin-right: 1%
}

.selector-multiple-wide .selector-browser, .selector-multiple-wide .selector-selection {
    float: none;
    width: auto;
    background: #999
}

.selector-multiple-wide .selector-selection {
    height: auto;
    min-height: 24px;
    max-height: 294px;
    margin: 8px 8px 0
}

.selector-single .selector-browser {
    width: 99%;
    margin-bottom: 0;
    position: absolute;
    top: 38px
}

.selector-browser {
    overflow-x: hidden
}

.selector-selection {
    width: 39.8%;
    background: #999
}

.selector-single .selector-selection {
    width: 99%;
    height: 24px;
    margin: 6px 0 8px 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

html > body .selector-single .selector-selection {
    height: auto;
    min-height: 24px
}

.selector-current-node td {
    font-weight: 700;
    background: #eee
}

.selector-selection-text {
    display: block;
    padding: 8px;
    font-weight: 700;
    background: #ccc
}

.selector table.browser {
    width: 100%;
    margin-top: -1px;
    margin-bottom: 0 !important;
    background: #fff
}

    .selector table.browser td {
        padding: 4px;
        border-top: 1px solid;
        border-bottom: 1px solid;
        vertical-align: middle;
        font-size: 12px;
        border-color: #999
    }

.selector-selection td {
    padding: 4px;
    vertical-align: middle;
    line-height: 1em;
    font-weight: 700;
    font-size: 12px
}

.tips {
    margin-bottom: 1em;
    padding: 8px 8px 0 8px;
    border: 1px solid;
    border-color: #888a85;
    background-color: #fffacd
}

    .tips .title {
        margin: -8px -8px 8px -8px;
        padding: 8px 8px 8px 32px;
        background: url(/Content/img/silk/information.png) 8px center no-repeat;
        font-size: medium
    }

    .tips dfn {
        font-weight: 700;
        font-style: normal;
        margin-right: .5em
    }

.toolbar {
    clear: both;
    padding: 0
}

    .toolbar a, .toolbar li {
        display: block;
        width: auto;
        float: left;
        margin: 0
    }

    .toolbar a {
        text-decoration: none !important;
        line-height: 1.25em
    }

    .toolbar .title {
        font-size: 1.15em
    }

    .toolbar .description {
        display: block;
        line-height: 1.25em;
        color: #888a85
    }

    .toolbar .imageandtext a {
        background: transparent top left no-repeat;
        padding-left: 40px
    }

.toolbar-vertical li {
    width: 100%
}

.toolbar-vertical a {
    clear: both;
    padding-bottom: .75em
}

.toolbar-horizontal {
    margin: 1.5em 0
}

    .toolbar-horizontal a {
        margin-right: 1em
    }

.toolbar .add a {
    background-image: url(/Content/img/bigico/add.png)
}

.toolbar .alertme a {
    background-image: url(/Content/img/bigico/alert.png)
}

.toolbar .alertmeoff a {
    background-image: url(/Content/img/bigico/alert_off.png)
}

.toolbar .audit a {
    background-image: url(/Content/img/bigico/audit.png)
}

.toolbar .back a {
    background-image: url(/Content/img/bigico/back.png)
}

.toolbar .delete a {
    background-image: url(/Content/img/bigico/delete.png)
}

.toolbar .directory a {
    background-image: url(/Content/img/bigico/users.png)
}

.toolbar .download a {
    background-image: url(/Content/img/bigico/download.png)
}

.toolbar .edit a {
    background-image: url(/Content/img/bigico/edit.png)
}

.toolbar .email a {
    background-image: url(/Content/img/bigico/email.png)
}

.toolbar .export a {
    background-image: url(/Content/img/bigico/export.png)
}

.toolbar .favourite a {
    background-image: url(/Content/img/bigico/fave.png)
}

.toolbar .forward a {
    background-image: url(/Content/img/bigico/forward.png)
}

.toolbar .guide a {
    background-image: url(/Content/img/bigico/info.png)
}

.toolbar .insert a {
    background-image: url(/Content/img/bigico/add.png)
}

.toolbar .invitations a {
    background-image: url(/Content/img/bigico/invitations.png)
}

.toolbar .invite a {
    background-image: url(/Content/img/bigico/invite.png)
}

.toolbar .invitelocation a {
    background-image: url(/Content/img/bigico/location.png)
}

.toolbar .invitecompany a {
    background-image: url(/Content/img/bigico/new_address.png)
}

.toolbar .invitepeople a {
    background-image: url(/Content/img/bigico/new_contact.png)
}

.toolbar .map a {
    background-image: url(/Content/img/bigico/map.png)
}

.toolbar .misc a {
    background-image: url(/Content/img/bigico/misc.png)
}

.toolbar .newFolder a {
    background-image: url(/Content/img/bigico/new_folder.png)
}

.toolbar .noteit a {
    background-image: url(/Content/img/bigico/note.png)
}

.toolbar .permissions a {
    background-image: url(/Content/img/bigico/security.png)
}

.toolbar .project a {
    background-image: url(/Content/img/bigico/project.png)
}

.toolbar .property a {
    background-image: url(/Content/img/bigico/property.png)
}

.toolbar .report a {
    background-image: url(/Content/img/bigico/report.png)
}

.toolbar .sat a {
    background-image: url(/Content/img/bigico/sat.png)
}

.toolbar .save a {
    background-image: url(/Content/img/bigico/save.png)
}

.toolbar .security a {
    background-image: url(/Content/img/bigico/security.png)
}

.toolbar .unfavourite a {
    background-image: url(/Content/img/bigico/unfave.png)
}

.toolbar .up a {
    background-image: url(/Content/img/bigico/up.png)
}

.toolbar .upload a {
    background-image: url(/Content/img/bigico/upload.png)
}

.toolbar .vcs a {
    background-image: url(/Content/img/bigico/vcard.png)
}

.toolbar .lock a {
    background-image: url(/Content/img/bigico/lock.png)
}

.toolbar .unlock a {
    background-image: url(/Content/img/bigico/unlock.png)
}

ol.wizard, ol.wizard li {
    margin: 0;
    padding: 0;
    list-style: none
}

    ol.wizard > li:first-child {
        padding-top: 0;
        background: 0 0
    }

    ol.wizard li#firstWizardStep {
        padding-top: 0;
        background: 0 0
    }

    ol.wizard li.step {
        padding-top: 16px;
        background-position: center -6px;
        background-repeat: no-repeat
    }

        ol.wizard li.step div {
            position: relative;
            padding: 4px 4px 4px 48px;
            border: 2px solid #3465a4;
            background: 8px center no-repeat;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px
        }

    ol.wizard li.unknown {
        background-image: url(/Content/img/chrome/wizard-darr.png)
    }

    ol.wizard li.known {
        background-image: url(/Content/img/chrome/wizard-darr.png)
    }

    ol.wizard li.current {
        background-image: url(/Content/img/chrome/wizard-darr.png)
    }

    ol.wizard li.unknown div {
        background-color: #eeeeec;
        background-image: url(/Content/img/chrome/wizard-unknown.png);
        color: #204a87
    }

    ol.wizard li.known div {
        background-color: #729fcf;
        background-image: url(/Content/img/chrome/wizard-known.png);
        color: #e1f3fd
    }

    ol.wizard li.current div {
        background-color: #3465a4;
        background-image: url(/Content/img/chrome/wizard-current.png);
        color: #fff
    }

    ol.wizard li h3 {
        margin-bottom: .25em;
        padding: 0;
        font-size: 1.15em;
        line-height: 1em;
        text-shadow: 1px 1px 0 #204a87
    }

    ol.wizard li.known h3 {
        text-shadow: 1px 1px 0 #3465a4
    }

    ol.wizard li.unknown h3 {
        text-shadow: 1px 1px 0 #babdb6
    }

    ol.wizard li h3 span {
        position: absolute;
        top: 8px;
        left: 8px;
        font-size: 200%;
        font-style: italic
    }

    ol.wizard li.unknown dfn {
        font-style: italic
    }

.wizard-step .header {
    position: relative;
    height: 70px;
    padding-left: 80px
}

html > body .wizard-step .header {
    height: auto;
    min-height: 70px
}

    .wizard-step .header .icon {
        position: absolute;
        top: 0;
        left: 0
    }

    .wizard-step .header h2 {
        padding: 0;
        font-size: 1.75em;
        line-height: 1.25em
    }

    .wizard-step .header h3 {
        font-size: 1.25em;
        line-height: 1.25em
    }

.wizard-step .cmd {
    padding-bottom: 8px;
    text-align: right
}

    .wizard-step .cmd .btn {
        padding: 4px;
        font-size: 12px !important
    }

    .wizard-step .cmd .btn {
        font-size: 1.25em
    }

table.todo {
    width: 100%
}

    table.todo td, table.todo th {
        padding: .5em
    }

    table.todo thead th {
        font-size: 1.25em;
        font-weight: 700;
        color: #fff;
        background: #0788cc
    }

    table.todo tbody td {
        border-bottom: 1px solid #e1f3fd
    }

    table.todo a.task {
        display: block;
        font-size: 1.25em;
        font-weight: 700
    }

    table.todo tr.subtask a.task {
        font-size: 1em;
        display: inline
    }

div.progress {
    background: #eeeeec;
    border: 1px solid #0788cc
}

    div.progress span {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: #0788cc;
        border-right: 1px solid #0788cc
    }

dl.todo dt {
    float: left;
    width: 6em;
    padding-top: .2em;
    font-size: .85em;
    font-weight: 700;
    color: #888a85
}

dl.todo dd {
    margin-bottom: .25em;
    padding-left: 6em;
    padding-bottom: .25em;
    border-bottom: 1px solid
}

    dl.todo dd a {
        display: block;
        font-weight: 700
    }

dl.todo small {
    display: block;
    padding-bottom: .25em;
    line-height: 1.25em
}

.completed .task, .task.completed {
    text-decoration: line-through;
    color: #888a85
}

.overdue .task, .task.overdue {
    color: #ef2929
}

.overdue .deadline {
    color: #ef2929;
    font-weight: 700
}

.overdue .progress {
    border-color: #c00;
    background: #fe9b9b
}

tr.overdue td {
    background: #fee;
    border-color: #fcc !important
}

.overdue .progress span {
    background: #c00;
    border-color: #c00
}

.jqmOverlay {
    background-color: #459ece
}

.jquiDialogContent table td {
    border-color: #e1f3fd
}

.jquiDialogSide {
    background-color: #f4fbff;
    border-color: #fff
}

.jquiDialog .searchSection {
    background-color: #fce94f;
    border-color: #fff
}

.jquiDialog .footer {
    background-color: #bde6fc;
    border-color: #fff
}

.jqmDrag {
    background: #bde6fc;
    color: #95dafb
}

.jquiDialogTitle {
    padding: 8px 8px 8px 8px;
    background: #95dafb;
    border-color: #fff
}

.jquiDialog {
    background-color: #e1f3fd;
    color: #322d33;
    border: 5px solid #2778a3
}