@charset "UTF-8";

a, hr {
    padding: 0
}

cite, dfn, em, i, mark {
    font-style: italic
}

.code, form, textarea {
    overflow: auto
}

abbr, acronym, label, table.stylized caption {
    text-transform: uppercase
}

b, caption, dt, h4, h5, h6, label, legend, mark, strong, th, thead {
    font-weight: 700
}

.align-left, .colgroup, .column {
    float: left
}

#topnav, .reset, ins {
    text-decoration: none
}

#pagetitle input, input, label.choice, select, td.legendLabel {
    vertical-align: middle
}

.datepick-month table, table, table.stylized {
    border-collapse: collapse
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background-color: transparent
}

blockquote, hr, q {
    margin: 1em 0;
    display: block
}

ins, mark {
    background-color: #ff9
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

    nav ul {
        list-style: none
    }

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

a {
    margin: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    outline: 0
}

mark {
    color: #000
}

table {
    border-spacing: 0
}

hr {
    height: 1px
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-size: 12px;
    background-color: #F2F2F2;
    color: #666;
    margin: 0 auto
}

h1, h2, h3, h4, h5, h6 {
    color: #4D5762;
    position: relative;
    word-spacing: -.1em
}

h1, h2 {
    line-height: 28px;
    margin-bottom: 18px
}

h1, h2, h3, h4, h5 {
    margin-top: 18px
}

h3, h4, h5, h6 {
    line-height: 18px;
    margin-bottom: 10px
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 18px
}

h4, h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

.code, code, kbd, pre, samp, tt, var {
    font-family: Monaco,"Panic Sans","Lucida Console","Courier New",Courier,monospace,sans-serif
}

.code {
    background-color: #EAEFF4;
    color: #069;
    padding: 2px 6px
}

    .code span {
        color: #E9584C
    }

p {
    word-spacing: .125em;
    hyphenate: auto;
    hyphenate-lines: 3;
    margin-top: 1em
}

pre {
    white-space: pre
}

del {
    text-decoration: line-through
}

mark {
    background: rgba(255,255,0,.4);
    padding: 0 .25em
}

ins {
    color: red
}

small, sub, sup {
    font-size: 90%
}

.big, big {
    font-size: 120% !important;
    line-height: 120%
}

abbr, acronym {
    font-size: 85%;
    letter-spacing: .1em
}

    abbr[title], acronym[title], dfn[title] {
        border-bottom: 1px dotted #ccc;
        cursor: help
    }

sub, sup {
    line-height: 0
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

blockquote, q {
    font-style: normal;
    quotes: "" "";
    background: url(../img/quote.png) 0 8px no-repeat;
    font-size: 14px;
    min-height: 42px;
    line-height: 24px;
    padding: 0 0 0 20px;
    color: #666;
    font-family: Georgia,"Times New Roman",Times,serif
}

    q cite {
        display: block;
        font-size: 12px;
        color: #999
    }

hr {
    border: none;
    background: #ddd;
    width: 100%
}

ol, ul {
    padding-left: 1.5em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

    ol ol li {
        list-style-type: lower-alpha
    }

dialog, dl, ol, ul {
    margin-top: 1em;
    margin-bottom: 1em
}

    dl dd, li ol, li ul, ol ol, ul ul {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

button {
    cursor: pointer
}

article, aside, footer, header, hgroup, nav, section {
    float: left;
    display: block
}

figure {
    display: block
}

video {
    display: block;
    border: 5px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

table.stylized {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1em
}

    table.stylized td, table.stylized th {
        line-height: 18px;
        padding: 8px 12px
    }

    table.stylized th {
        background-color: #2A7AD2 !important;
        color: #fff;
        text-align: left
    }

    table.stylized tr.high {
        background-color: #ffa !important
    }

    table.stylized tbody td, table.stylized tbody th, table.stylized tfoot td, table.stylized tfoot th {
        border-bottom: solid 1px #eee
    }

    table.stylized tfoot td {
        background-color: #f2f2f2 !important;
        border-bottom: 2px solid #ddd
    }

    table.stylized tbody tr:nth-child(odd) td, table.stylized tbody tr:nth-child(odd) th {
        background: #FAFDFE
    }

    table.stylized caption {
        margin-bottom: 1em;
        text-align: left;
        font-size: 11px
    }

table.no-style td, table.no-style th {
    line-height: 18px;
    padding: 4px 8px 4px 0;
    background: 0 0 !important;
    color: #666;
    border-bottom: 0 none;
    border-bottom: 1px dotted #ddd !important
}

table.no-style caption {
    margin-bottom: 0;
    text-align: left
}

td.legendLabel {
    font-size: 11px;
    padding: 0 4px
}

input:focus, select:focus, textarea:focus {
    outline-width: 0
}

input[type=select], input[type=search], input[type=file], input[type=date], input[type=text], input[type=password], select, textarea {
    border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    color: #777
}

textarea {
    line-height: 18px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    textarea.small {
        height: 5.5em
    }

    textarea.medium {
        height: 10em
    }

    textarea.large {
        height: 20em
    }

    input.half, select.half, textarea.half {
        width: 50%
    }

    input.full, select.full, textarea.full {
        width: 97%
    }

input.title {
    font-size: 20px
}

.font11, fieldset small, label {
    font-size: 11px
}

input[type=submit], input[type=reset], input[type=button] {
    margin-bottom: 0
}

input:focus, textarea:focus {
    -moz-box-shadow: 0 1px 1px rgba(196,196,196,.5);
    -webkit-box-shadow: 0 1px 1px rgba(196,196,196,.5);
    box-shadow: 0 1px 1px rgba(196,196,196,.5);
    -webkit-focus-ring-color: none;
    border-color: #c4c4c4;
    background-color: ivory
}

fieldset {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px 0;
    position: relative
}

legend {
    background: #fff;
    color: #93BB3A;
    padding: 0 6px 0 0
}

label.required:before {
    content: "*";
    color: red;
    font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif
}

label.ok {
    background: url(../img/valid.gif) no-repeat;
    padding-left: 16px
}

label.error {
    color: #d00;
    text-transform: none;
    margin-left: 6px
}

label.choice {
    font-weight: 400;
    text-transform: none
}

fieldset small {
    color: #999;
    display: block
}

.font11 {
    color: red;
    font-weight: 700
}

.column {
    margin-left: 18px;
    display: block
}

.colgroup {
    display: block
}

.first {
    margin-left: 0;
    clear: left
}

.gutter {
    margin-left: 18px
}

.no-gutter {
    margin-left: 0
}

.align-right {
    float: right;
    text-align: right
}

.leading {
    margin-bottom: 18px
}

.noleading {
    margin-bottom: 0 !important
}

.full {
    width: 100%
}

.full1 {
    width: 60%
}

.width0 {
    width: 40px
}

.width1 {
    width: 108px
}

.width120 {
    width: 120px
}

.width160 {
    width: 160px
}

.width180 {
    width: 180px
}

.width2 {
    width: 234px
}

.width300 {
    width: 300px
}

.width3 {
    width: 360px
}

.width400 {
    width: 400px
}

.width4 {
    width: 486px
}

.width5 {
    width: 612px
}

.width6 {
    width: 738px
}

.width7 {
    width: 864px
}

.width8 {
    width: 990px
}

.width41 {
    width: 498px
}

.width411 {
    width: 580px
}

.ta-left {
    text-align: left !important
}

.ta-center {
    text-align: center !important
}

.ta-right {
    text-align: right !important
}

.ta-justify {
    text-align: justify !important
}

.hidden {
    display: none
}

.clearfix, .clearfix:after, .sf-menu a {
    display: block
}

.hidden-accessible {
    position: absolute;
    left: -99999999px
}

.reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    font-size: 100%;
    list-style: none
}

.corner-tl, .corners-top {
    -webkit-border-top-left-radius: 4px
}

.corner-tr, .corners-top {
    -webkit-border-top-right-radius: 4px
}

.corner-bl, .corners-bottom {
    -webkit-border-bottom-left-radius: 4px
}

.corner-br, .corners-bottom {
    -webkit-border-bottom-right-radius: 4px
}

.corner-tr, .corners-right, .corners-top {
    -moz-border-radius-topright: 4px
}

.corner-br, .corners-bottom, .corners-right {
    -moz-border-radius-bottomright: 4px
}

.corner-tl, .corners-left, .corners-top {
    -moz-border-radius-topleft: 4px
}

.corner-bl, .corners-bottom, .corners-left {
    -moz-border-radius-bottomleft: 4px
}

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

* html .clearfix {
    height: 1%
}

.zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0
}

.corner-tl {
    border-top-left-radius: 4px
}

.corner-tr {
    border-top-right-radius: 4px
}

.corner-bl {
    border-bottom-left-radius: 4px
}

.corner-br {
    border-bottom-right-radius: 4px
}

.corners-top {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.corners-bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.corners-right {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.corners-left {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.corners {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.box {
    padding: 8px;
    margin-bottom: 8px;
    color: #555;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee
}

.box-error, .box-info, .box-warning {
    padding-left: 32px
}

.box-info {
    border-top: 1px solid #B8E2FB;
    border-bottom: 1px solid #B8E2FB;
    background: url(../img/information.png) 8px 50% no-repeat #E8F6FF
}

.box-warning {
    border-top: 1px solid #F2DD8C;
    border-bottom: 1px solid #F2DD8C;
    background: url(../img/error.png) 8px 50% no-repeat #FFF5CC
}

.box-error {
    border-top: 1px solid #F8ACAC;
    border-bottom: 1px solid #F8ACAC;
    background: url(../img/exclamation.png) 8px 50% no-repeat #FFD1D1
}

.box-error-msg {
    margin-top: -8px;
    background: #FFF1F1;
    border-top: 0 none;
    border-bottom: 1px solid #FDDCDC;
    color: #664B4B;
    padding: 12px
}

    .box-error-msg ol {
        margin-top: 0;
        margin-bottom: 0
    }

.box-success {
    padding-left: 32px;
    border-top: 1px solid #BBDF8D;
    border-bottom: 1px solid #BBDF8D;
    background: url(../img/accept.png) 8px 50% no-repeat #EAF7D9
}

.box a:hover {
    background: 0 0 !important
}

.box a.close {
    float: right;
    border: 0 !important;
    font-weight: 700;
    color: #666 !important
}

.box-info a.close {
    color: #395594 !important
}

.box-warning a.close {
    color: #D6A23D !important
}

.box-error a.close {
    color: #CF563D !important
}

.box-success a.close {
    color: #238221 !important
}

.box1 {
    margin-bottom: 8px;
    color: #555;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee;
    margin-top: 15px;
    padding: 1px 8px 2px 1px
}

.box1-info {
    padding-left: 32px;
    background-color: #FFF5CC;
    background-image: url(../img/error.png);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FC6;
    border-bottom-color: #FC6
}

.box1-warning {
    padding-left: 32px;
    border-top: 1px solid #F2DD8C;
    border-bottom: 1px solid #F2DD8C;
    background: url(../img/error.png) 8px 50% no-repeat #FFF5CC
}

.box1-error {
    padding-left: 32px;
    border-top: 1px solid #F8ACAC;
    border-bottom: 1px solid #F8ACAC;
    background: url(../img/exclamation.png) 8px 50% no-repeat #FFD1D1
}

.box1-error-msg {
    margin-top: -8px;
    background: #FFF1F1;
    border-top: 0 none;
    border-bottom: 1px solid #FDDCDC;
    color: #664B4B;
    padding: 12px
}

    .box1-error-msg ol {
        margin-top: 0;
        margin-bottom: 0
    }

.box1-success {
    padding-left: 32px;
    border-top: 1px solid #BBDF8D;
    border-bottom: 1px solid #BBDF8D;
    background: url(../img/accept.png) 8px 50% no-repeat #EAF7D9
}

.box1 a:hover {
    background: 0 0 !important
}

.box1 a.close {
    float: right;
    border: 0 !important;
    font-weight: 700;
    color: #666 !important
}

.box1-info a.close {
    color: #fa8903 !important
}

.box1-warning a.close {
    color: #D6A23D !important
}

.box1-error a.close {
    color: #CF563D !important
}

.box1-success a.close {
    color: #238221 !important
}

.wrapper, .wrapper-login {
    text-align: left;
    width: 990px;
    position: relative;
    margin: 0 auto
}

.wrapper-login {
    width: 360px
}

.wrapper-login1, .wrapper1 {
    text-align: left;
    width: 990px;
    position: relative;
    margin: 0 auto
}

.wrapper-login1 {
    width: 50px
}

header#top {
    width: 100%;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../img/header-background.jpg);
    background-color: #FFF
}

    header#top aside {
        float: right;
        color: #999;
        margin-top: 12px;
        font-size: 90%
    }

        #topnav a, header#top aside a {
            color: #2A7AD2;
            padding: 0;
            text-decoration: none
        }

#topnav {
    color: #999;
    padding: 6px 0 6px 10px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    text-align: right;
    font-family: Verdana;
    cursor: default;
    font-size: 10px
}

    #topnav span {
        color: #444
    }

    #topnav a.high {
        color: #FFC806;
        text-decoration: underline
    }

#page a, .sf-menu a, footer#bottom a {
    text-decoration: none
}

#topnav a:active, #topnav a:focus, #topnav a:hover, header#top aside a:active, header#top aside a:focus, header#top aside a:hover {
    color: #08954a7;
    text-decoration: underline;
    font-family: Verdana
}

#topnav small {
    color: #666;
    font-size: 11px;
    text-align: right
}

#topnav img.avatar {
    background: #fff;
    float: right;
    margin: 5px 0 0 8px;
    padding: 4px
}

.sf-menu li, .sf-menu li li, .sf-menu li li li {
    background: #444
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu {
    line-height: 1;
    float: left;
    font: 12px Arial
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 12em
    }

        #page, #pagetitle, .sf-menu ul li, footer#bottom {
            width: 100%
        }

    .sf-menu li:hover {
        visibility: inherit
    }

    .sf-menu li {
        float: left;
        position: relative;
        margin-right: 2px
    }

    .sf-menu a {
        position: relative;
        padding: .75em 1em
    }

    .sf-menu li.sfHover ul, .sf-menu li:hover ul {
        left: 0;
        top: 2.5em;
        z-index: 99
    }

ul.sf-menu li.sfHover li ul, ul.sf-menu li:hover li ul {
    top: -999em
}

ul.sf-menu li li.sfHover ul, ul.sf-menu li li:hover ul {
    left: 12em;
    top: 0
}

ul.sf-menu li li.sfHover li ul, ul.sf-menu li li:hover li ul {
    top: -999em
}

ul.sf-menu li li li.sfHover ul, ul.sf-menu li li li:hover ul {
    left: 12em;
    top: 0
}

.sf-menu ul a {
    border-bottom: 1px solid #333
}

.sf-menu a, .sf-menu a:visited {
    color: #eee
}

.sf-menu > li {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px
}

.sf-menu a:active, .sf-menu a:focus, .sf-menu a:hover, .sf-menu li.sfHover, .sf-menu li:hover {
    outline: 0;
    background-color: #266DBB
}

.sf-menu a:active, .sf-menu a:focus, .sf-menu a:hover, .sf-menu > li.sfHover, .sf-menu > li:hover {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px
}

.sf-menu li.current {
    background: #266DBB
}

.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../img/arrows-ffffff.png) -10px -100px no-repeat
}

a > .sf-sub-indicator {
    top: .8em;
    background-position: 0 -100px
}

a:active > .sf-sub-indicator, a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator, li:hover > a > .sf-sub-indicator {
    background-position: -10px -100px
}

.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0
}

.sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator {
    background-position: -10px 0
}

.sf-shadow ul {
    background: url(../img/shadow.png) bottom right no-repeat;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px
}

    .sf-shadow ul.sf-shadow-off {
        background: 0 0
    }

#title {
    color: #FFF;
    font: 700 2.4em/26px 'Trebuchet MS',Trebuchet,Arial,sans-serif;
    letter-spacing: -.02em;
    text-shadow: 1px 1px 3px #111;
    background-image: url(../img/recruitalliance-com-logo.jpg);
    background-repeat: no-repeat;
    padding: 30px 0 45px
}

    #title span {
        color: #FFC806
    }

#pagetitle {
    background-color: #5D9ADF;
    border-top: 4px solid #266DBB;
    border-bottom: 1px solid #2A7AD2;
    float: left;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(.2,#5092dc),color-stop(.8,#6ba3e2));
    background: -moz-linear-gradient(center bottom,#5092dc 20%,#6ba3e2 80%)
}

    #pagetitle h1 {
        color: #fff;
        font-size: 1.6em;
        padding: 12px 0;
        text-shadow: 0 -1px 1px #2A7AD2;
        margin: 0;
        top: 0;
        line-height: 1.2em;
        float: left
    }

        #pagetitle h1 span {
            color: #C4E3FF
        }

    #pagetitle input {
        border: 2px solid #5D9ADF;
        color: #666;
        float: right;
        line-height: 18px;
        margin: 10px 0 0;
        padding: 4px 24px 4px 4px;
        width: 202px;
        background: url(../img/search.gif) 99% 56% no-repeat #fff;
        -moz-box-shadow: 0 0;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0
    }

        #pagetitle input:focus {
            border: 2px solid #fec408;
            -webkit-focus-ring-color: none
        }

#page {
    float: left;
    background-color: #FFF
}

    #page a {
        color: #329ECC;
        border-bottom: 1px solid #A1CFD4
    }

        #page a:active, #page a:focus, #page a:hover {
            background-color: #E2EFFF;
            border-bottom: 1px solid #329ECC
        }

    #page .subtitle {
        text-transform: uppercase;
        color: #93BB3A;
        font-size: 9px;
        font-family: Tahoma,Arial,sans-serif
    }

footer#bottom {
    background-color: #F2F2F2;
    border-top: 4px solid #D9D9D9;
    color: #999;
    float: left;
    font-size: 11px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(.2,#f2f2f2),color-stop(.8,#fefefe));
    background: -moz-linear-gradient(center bottom,#f2f2f2 20%,#fefefe 80%);
    padding-bottom: 2em
}

    footer#bottom nav {
        float: none;
        text-align: center;
        padding-top: 20px
    }

    footer#bottom a {
        color: #999;
        margin: 0 4px;
        white-space: nowrap;
        border-bottom: 1px solid #ccc;
        line-height: 1.2em
    }

        footer#bottom a:active, footer#bottom a:focus, footer#bottom a:hover {
            color: #666;
            border-bottom: 1px solid #999;
            text-decoration: none
        }

    footer#bottom p {
        clear: both;
        text-align: center;
        margin-bottom: 24px;
        padding-top: 12px;
        text-shadow: 1px 1px 0 #fff
    }

footer#animated {
    background: #222;
    bottom: 0;
    padding: 10px 0 8px;
    position: fixed;
    width: 100%;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0
}

    footer#animated ul {
        list-style: none;
        margin: 0 auto;
        text-align: center
    }

        footer#animated ul li {
            color: #fff;
            display: inline;
            padding: 0 10px;
            text-shadow: 1px 1px 3px #000
        }

.btn, .btn50 {
    display: inline-block;
    font-family: Tahoma,Arial,sans-serif;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none
}

footer#animated a {
    color: #aaa;
    text-decoration: none
}

    footer#animated a:active, footer#animated a:focus, footer#animated a:hover {
        color: #fff;
        text-decoration: none
    }

.btn {
    padding: 5px 10px;
    color: #777 !important;
    font-size: 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    border: 1px solid #ccc !important;
    background: url(../img/btn-overlay.png) repeat-x #fff !important
}

.btn-blue, .btn-green, .btn-red {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.btn:active, .btn:focus, .btn:hover {
    outline: 0;
    border: 1px solid #329ECC !important;
    opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    -moz-box-shadow: 0 0 5px rgba(82,168,236,.5);
    -webkit-box-shadow: 0 0 5px rgba(82,168,236,.5);
    box-shadow: 0 0 5px rgba(82,168,236,.5)
}

.btn-green {
    border: 1px solid #749217 !important;
    background-color: #6AB620 !important
}

    .btn-green:active, .btn-green:focus, .btn-green:hover {
        -moz-box-shadow: 0 0 5px rgba(116,146,23,.9);
        -webkit-box-shadow: 0 0 5px rgba(116,146,23,.9);
        box-shadow: 0 0 5px rgba(116,146,23,.9);
        border: 1px solid #749217 !important
    }

.btn-blue {
    border: 1px solid #2D69AC !important;
    background-color: #3C6ED1 !important
}

    .btn-blue:active, .btn-blue:focus, .btn-blue:hover {
        -moz-box-shadow: 0 0 5px rgba(71,131,243,.9);
        -webkit-box-shadow: 0 0 5px rgba(71,131,243,.9);
        box-shadow: 0 0 5px rgba(71,131,243,.9);
        border: 1px solid #2D69AC !important
    }

.btn-red {
    border: 1px solid #AE2B2B !important;
    background-color: #D22A2A !important
}

    .btn-red:active, .btn-red:focus, .btn-red:hover {
        -moz-box-shadow: 0 0 5px rgba(174,43,43,.9);
        -webkit-box-shadow: 0 0 5px rgba(174,43,43,.9);
        box-shadow: 0 0 5px rgba(174,43,43,.9);
        border: 1px solid #AE2B2B !important
    }

.btn-special {
    font-size: 110%;
    width: 210px
}

.btn50 {
    padding: 2px 10px;
    color: #777 !important;
    font-size: 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    border: 1px solid #ccc !important;
    background: url(../img/btn-overlay.png) repeat-x #fff !important
}

.btn50-blue, .btn50-green, .btn50-red {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.btn50:active, .btn50:focus, .btn50:hover {
    outline: 0;
    border: 1px solid #329ECC !important;
    opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    -moz-box-shadow: 0 0 5px rgba(82,168,236,.5);
    -webkit-box-shadow: 0 0 5px rgba(82,168,236,.5);
    box-shadow: 0 0 5px rgba(82,168,236,.5)
}

.btn50-green {
    border: 1px solid #749217 !important;
    background-color: #6AB620 !important
}

    .btn50-green:active, .btn50-green:focus, .btn50-green:hover {
        -moz-box-shadow: 0 0 5px rgba(116,146,23,.9);
        -webkit-box-shadow: 0 0 5px rgba(116,146,23,.9);
        box-shadow: 0 0 5px rgba(116,146,23,.9);
        border: 1px solid #749217 !important
    }

.btn50-blue {
    border: 1px solid #2D69AC !important;
    background-color: #3C6ED1 !important
}

    .btn50-blue:active, .btn50-blue:focus, .btn50-blue:hover {
        -moz-box-shadow: 0 0 5px rgba(71,131,243,.9);
        -webkit-box-shadow: 0 0 5px rgba(71,131,243,.9);
        box-shadow: 0 0 5px rgba(71,131,243,.9);
        border: 1px solid #2D69AC !important
    }

.btn50-red {
    border: 1px solid #AE2B2B !important;
    background-color: #D22A2A !important
}

    .btn50-red:active, .btn50-red:focus, .btn50-red:hover {
        -moz-box-shadow: 0 0 5px rgba(174,43,43,.9);
        -webkit-box-shadow: 0 0 5px rgba(174,43,43,.9);
        box-shadow: 0 0 5px rgba(174,43,43,.9);
        border: 1px solid #AE2B2B !important
    }

.btn50-special {
    font-size: 110%;
    width: 210px
}

.icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px
}

.tagInputDiv, div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
    overflow: auto
}

.icon-add {
    background: url(../img/add.png) no-repeat
}

.icon-ok {
    background: url(../img/accept.png) no-repeat
}

.icon-cancel {
    background: url(../img/cancel.png) no-repeat
}

.btn-special .icon {
    margin-top: 2px
}

#rightmenu {
    border-top: 4px solid #C4E3FF;
    border-bottom: 1px solid #C4E3FF;
    margin-top: 12px;
    background-color: #E1F1FF;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(.1,#e1f1ff),color-stop(.8,#f5faff));
    background: -moz-linear-gradient(center bottom,#e1f1ff 10%,#f5faff 80%)
}

    #rightmenu dl, #rightmenu header {
        padding: 12px 12px 0;
        margin: 0
    }

    #rightmenu h3 {
        color: #555;
        font-size: 13px;
        margin: 0
    }

    #rightmenu dl dt {
        float: left;
        height: 40px;
        margin-top: 2px;
        width: 26px
    }

    #rightmenu dd {
        color: #828282;
        font-size: 11px;
        margin-left: 25px;
        padding-bottom: 4px
    }

        #rightmenu dd.last {
            margin-bottom: 10px
        }

        #rightmenu dd a {
            font-size: 12px;
            font-weight: 700
        }

            #rightmenu dd a:active, #rightmenu dd a:focus, #rightmenu dd a:hover {
                background-color: #2A7AD2;
                color: #fff;
                border-color: #2A7AD2
            }

.ui-tabs {
    position: relative;
    padding: .2em 0;
    zoom: 1;
    margin: 1em 0
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            display: inline;
            position: relative;
            top: 0;
            margin: 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap
        }

            .ui-tabs .ui-tabs-nav li a {
                padding: 5px 12px 6px;
                text-decoration: none;
                background: #999;
                color: #FFF !important;
                border-bottom: 0 !important
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
                top: 1px
            }

                .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-hover a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
                    text-decoration: none;
                    background: #2A7AD2 !important;
                    padding-top: 6px
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border: 0;
        padding: 3px 0;
        background: 0 0;
        clear: both;
        margin-top: 5px;
        border-top: 2px solid #2A7AD2
    }

.content-box header h3, .content-box1 header h3 {
    padding: 6px 8px;
    font-size: 14px;
    color: #fff;
    float: left
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.content-box {
    border: 1px solid #999;
    margin: 1em 0 0;
    display: inline-block;
    width: 99%;
    background-color: #fff
}

    .content-box header {
        width: 100%;
        background-color: #999
    }

        .content-box header h3 {
            margin: 0
        }

            .content-box header h3 img {
                float: left;
                margin: 1px 4px 0 0
            }

    .content-box section {
        margin: 8px
    }

.content-box-closed header {
    background: url(../img/toggle.gif) 96% 15px no-repeat #999
}

.content-box-closed section {
    display: none
}

.content-box1 {
    background: #fff;
    border: 1px solid #999;
    margin: 1em 0 0;
    display: inline-block;
    width: 99%
}

    .content-box1 header {
        background: #999;
        width: 100%
    }

        .content-box1 header h3 {
            margin: 0
        }

            .content-box1 header h3 img {
                float: left;
                margin: 1px 4px 0 0
            }

    .content-box1 section {
        margin: 8px
    }

.content-box1-closed header {
    background: url(../img/toggle.gif) 96% 15px no-repeat #999
}

.content-box1-closed section {
    display: none
}

div.progress {
    display: block;
    height: 22px;
    padding: 0;
    min-width: 200px;
    margin: 4px 0;
    background-color: #DEDEDE;
    background: -moz-linear-gradient(top,#ccc,#e9e9e9);
    background: -webkit-gradient(linear,left top,bottom,#ccc,#e9e9e9)
}

    div.progress, div.progress span {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        div.progress span {
            display: block;
            height: 22px;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 0;
            -moz-box-shadow: 1px 0 1px rgba(0,0,0,.2);
            -webkit-box-shadow: 1px 0 1px rgba(0,0,0,.2);
            box-shadow: 1px 0 1px rgba(0,0,0,.2)
        }

            div.progress span b {
                color: #fff;
                line-height: 22px;
                padding-left: 2px;
                text-shadow: 0 1px 1px rgba(0,0,0,.5)
            }

.progress-blue span {
    background-color: #5C9ADE;
    background: -moz-linear-gradient(top,#6C92DC 10%,#89a8e5 90%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.1,#b0c7f5),color-stop(.9,#89a8e5))
}

.progress-green span {
    background-color: #77AF3F;
    background: -moz-linear-gradient(top,#8FC857 10%,#5C9425 90%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.1,#8FC857),color-stop(.9,#5C9425))
}

.progress-red span {
    background-color: #C44747;
    background: -moz-linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.1,#DD5F5F),color-stop(.9,#A92C2C))
}

a#totop {
    background: #ccc;
    bottom: 2px;
    display: block;
    font-size: 11px;
    opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    padding: 3px 6px;
    position: fixed;
    right: 2px;
    color: #666;
    text-decoration: none;
    cursor: pointer
}

    a#totop:active, a#totop:focus, a#totop:hover {
        color: #333;
        text-decoration: none
    }

span.label, span.label1 {
    text-transform: uppercase;
    color: #fff
}

span.label {
    background: url(../img/tag-bg.gif) 100% 50% no-repeat;
    font-family: tahoma,sans-serif;
    font-size: 10px;
    line-height: normal;
    font-weight: 700;
    padding: 4px 16px 5px 5px
}

span.label-red {
    background-color: #df0000
}

span.label-green {
    background-color: #4BA508
}

span.label-lgreen {
    background-color: #b9d300
}

span.label-dgreen {
    background-color: #6c650f
}

span.label-blue {
    background-color: #0085CC
}

span.label-dblue {
    background-color: #3392c5
}

span.label-purple {
    background-color: #6E0A9E
}

span.label-gray {
    background-color: #555
}

span.label-orange {
    background-color: #f17c0e
}

span.label-gold {
    background-color: #b90
}

span.label-lsilver {
    background-color: #a53a05
}

span.label-silver {
    background-color: #ccc
}

span.label-yellow {
    background-color: #FFC806
}

span.label-black {
    background-color: #111
}

span.label1 {
    font: 700 10px/1.2 tahoma,sans-serif;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(../img/tag-bg.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 4px 30px 5px
}

span.label1-red {
    background-color: #df0000;
    padding-right: 10px;
    padding-left: 10px
}

span.label1-green {
    background-color: #4BA508
}

span.label1-blue {
    background-color: #0085CC
}

span.label1-purple {
    background-color: #6E0A9E
}

span.label1-gray {
    background-color: #555
}

span.label1-gold {
    background-color: #b90
}

span.label1-silver {
    background-color: #ccc
}

span.label1-yellow {
    background-color: #FFC806
}

span.label1-black {
    background-color: #111
}

div.wysiwyg {
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff
}

#clear {
    float: left
}

div.wysiwyg * {
    margin: 0;
    padding: 0
}

div.wysiwyg ul.panel {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 0;
    color: #666
}

    div.wysiwyg ul.panel li {
        list-style: none;
        float: left;
        margin: 1px 2px 3px 0;
        background: #fff
    }

        div.wysiwyg ul.panel li.separator {
            height: 16px;
            margin: 0 4px;
            border-left: 1px solid #ccc
        }

        div.wysiwyg ul.panel li a {
            border: 0 !important;
            text-indent: -5000px;
            opacity: .85;
            display: block;
            width: 16px;
            height: 16px;
            background: url(../img/jquery.wysiwyg.gif) -64px -80px no-repeat;
            cursor: pointer;
            margin: 1px
        }

            div.wysiwyg ul.panel li a.active, div.wysiwyg ul.panel li a:hover {
                opacity: 1
            }

            div.wysiwyg ul.panel li a.active {
                background-color: #f9f9f9;
                border: 1px solid #ccc;
                border-left-color: #aaa;
                border-top-color: #aaa;
                margin: 0
            }

            div.wysiwyg ul.panel li a.bold {
                background-position: 0 -16px
            }

            div.wysiwyg ul.panel li a.italic {
                background-position: -16px -16px
            }

            div.wysiwyg ul.panel li a.strikeThrough {
                background-position: -32px -16px
            }

            div.wysiwyg ul.panel li a.underline {
                background-position: -48px -16px
            }

            div.wysiwyg ul.panel li a.justifyLeft {
                background-position: 0 0
            }

            div.wysiwyg ul.panel li a.justifyCenter {
                background-position: -16px 0
            }

            div.wysiwyg ul.panel li a.justifyRight {
                background-position: -32px 0
            }

            div.wysiwyg ul.panel li a.justifyFull {
                background-position: -48px 0
            }

            div.wysiwyg ul.panel li a.indent {
                background-position: -64px 0
            }

            div.wysiwyg ul.panel li a.outdent {
                background-position: -80px 0
            }

            div.wysiwyg ul.panel li a.subscript {
                background-position: -64px -16px
            }

            div.wysiwyg ul.panel li a.superscript {
                background-position: -80px -16px
            }

            div.wysiwyg ul.panel li a.undo {
                background-position: 0 -64px
            }

            div.wysiwyg ul.panel li a.redo {
                background-position: -16px -64px
            }

            div.wysiwyg ul.panel li a.insertOrderedList {
                background-position: -32px -48px
            }

            div.wysiwyg ul.panel li a.insertUnorderedList {
                background-position: -16px -48px
            }

            div.wysiwyg ul.panel li a.insertHorizontalRule {
                background-position: 0 -48px
            }

            div.wysiwyg ul.panel li a.h1 {
                background-position: 0 -32px
            }

            div.wysiwyg ul.panel li a.h2 {
                background-position: -16px -32px
            }

            div.wysiwyg ul.panel li a.h3 {
                background-position: -32px -32px
            }

            div.wysiwyg ul.panel li a.h4 {
                background-position: -48px -32px
            }

            div.wysiwyg ul.panel li a.h5 {
                background-position: -64px -32px
            }

            div.wysiwyg ul.panel li a.h6 {
                background-position: -80px -32px
            }

            div.wysiwyg ul.panel li a.cut {
                background-position: -32px -64px
            }

            div.wysiwyg ul.panel li a.copy {
                background-position: -48px -64px
            }

            div.wysiwyg ul.panel li a.paste {
                background-position: -64px -64px
            }

            div.wysiwyg ul.panel li a.insertTable {
                background-position: -64px -48px
            }

            div.wysiwyg ul.panel li a.increaseFontSize {
                background-position: -16px -80px
            }

            div.wysiwyg ul.panel li a.decreaseFontSize {
                background-position: -32px -80px
            }

            div.wysiwyg ul.panel li a.createLink {
                background-position: -80px -48px
            }

            div.wysiwyg ul.panel li a.insertImage {
                background-position: -80px -80px
            }

            div.wysiwyg ul.panel li a.html {
                background-position: -47px -46px
            }

            div.wysiwyg ul.panel li a.removeFormat {
                background-position: -80px -63px
            }

            div.wysiwyg ul.panel li a.empty {
                background-position: -64px -80px
            }

div.wysiwyg iframe {
    border: 0;
    clear: left;
    margin: 4px 0 0 1px
}

.tagInputDiv {
    display: none;
    background-color: #fff;
    position: absolute;
    border: 1px solid #d3d3d3;
    margin-top: -1px
}

.tagInputLine {
    color: #000;
    font-weight: 400;
    padding: 4px
}

.tagInputSel {
    background-color: gray;
    color: #fff
}

.tagInputLineTag {
    min-width: 150px;
    display: inline-block
}

.tagInputLineFreq {
    min-width: 50px;
    text-align: right;
    display: inline-block;
    float: right
}

.tagInputSuggestedTags {
    font-size: 11px
}

    .tagInputSuggestedTags .label {
        display: block;
        background: 0 none;
        color: #666;
        padding: 0;
        margin-top: 4px
    }

.tagInputSuggestedTagList .tag {
    padding: 1px 4px;
    cursor: pointer;
    display: inline-block;
    margin: 2px 1px;
    border: 1px solid #bbb
}

.tagInputSuggestedTagList span.tag:hover {
    background-color: #bbb;
    color: #fff
}

.tagInputSuggestedTagList .tagUsed {
    border: 1px solid #999;
    background-color: #999;
    color: #fff
}

.calendar {
    height: 100%
}

    .calendar th {
        border-left: 1px solid #2A7AD2;
        border-right: 1px solid #2A7AD2
    }

    .calendar td {
        border: 1px solid #eee;
        width: 12%;
        padding: 0 !important
    }

        .calendar td.day.hover, .calendar td.day:hover {
            background: #F5F5F5
        }

        .calendar td.today {
            background: #ffc
        }

        .calendar td div.day {
            text-align: right;
            background: #E8EEF7
        }

            .calendar td div.day a {
                margin: 1px 6px;
                padding: 0 2px
            }

.events {
    padding: 2px 4px;
    color: #fff;
    margin: 2px 0
}

.event1 {
    background: #369
}

.event2 {
    background: #2a9
}

.event3 {
    background: #d66
}

.event4 {
    background: #d51
}

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px
    }

    #tiptip_holder.tip_right {
        padding-left: 5px
    }

    #tiptip_holder.tip_left {
        padding-right: 5px
    }

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,.25);
    background-color: #191919;
    background-color: rgba(25,25,25,.92);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #191919
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,.35)
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,.35)
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,.35)
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #191919;
    border-top-color: rgba(25,25,25,.92)
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #191919;
    border-bottom-color: rgba(25,25,25,.92)
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #191919;
    border-right-color: rgba(25,25,25,.92)
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #191919;
    border-left-color: rgba(25,25,25,.92)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 4px 8px 5px;
        background-color: rgba(45,45,45,.88)
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45,45,45,.88)
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20,20,20,.92)
    }
}

.dataTables_wrapper {
    position: relative;
    margin: 1em 0;
    min-height: 302px;
    clear: both
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: #fff
}

.dataTables_length {
    width: 40%;
    float: left
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right
}

.dataTables_info {
    width: 60%;
    float: left
}

.dataTables_paginate {
    width: 42px;
    float: right;
    text-align: right;
    cursor: pointer
}

.paginate_disabled_next, .paginate_disabled_previous, .paginate_enabled_next, .paginate_enabled_previous {
    height: 19px;
    width: 19px;
    margin-left: 1px;
    float: left
}

.paginate_disabled_previous {
    background-image: url(../img/datatable/back_disabled.png)
}

.paginate_enabled_previous {
    background-image: url(../img/datatable/back_enabled.png)
}

.paginate_disabled_next {
    background-image: url(../img/datatable/forward_disabled.png)
}

.paginate_enabled_next {
    background-image: url(../img/datatable/forward_enabled.png)
}

table.display {
    margin: 4px auto;
    width: 100%;
    clear: both
}

    table.display thead th {
        cursor: pointer
    }

    table.display tfoot th {
        padding: 3px 10px
    }

    table.display tr.heading2 td {
        border-bottom: 1px solid #aaa
    }

    table.display td.center {
        text-align: center
    }

.sorting_asc {
    background: url(../img/datatable/sort_asc.png) center right no-repeat
}

.sorting_desc {
    background: url(../img/datatable/sort_desc.png) center right no-repeat
}

.sorting {
    background: url(../img/datatable/sort_both.png) center right no-repeat
}

.sorting_asc_disabled {
    background: url(../img/datatable/sort_asc_disabled.png) center right no-repeat
}

.sorting_desc_disabled {
    background: url(../img/datatable/sort_desc_disabled.png) center right no-repeat
}

table.display tr.odd.gradeA {
    background-color: #dfd
}

table.display tr.even.gradeA {
    background-color: #efe
}

table.display tr.odd.gradeC {
    background-color: #ddf
}

table.display tr.even.gradeC {
    background-color: #eef
}

table.display tr.odd.gradeX {
    background-color: #fdd
}

table.display tr.even.gradeX {
    background-color: #fee
}

table.display tr.odd.gradeU {
    background-color: #ddd
}

table.display tr.even.gradeU {
    background-color: #eee
}

tr.odd td.sorting_1 {
    background-color: #D3D6FF
}

tr.odd td.sorting_2 {
    background-color: #DADCFF
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF
}

tr.even td.sorting_1 {
    background-color: #EAEBFF
}

tr.even td.sorting_2 {
    background-color: #F2F3FF
}

tr.even td.sorting_3 {
    background-color: #F9F9FF
}

tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4
}

tr.odd.gradeA td.sorting_2, tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5
}

tr.even.gradeA td.sorting_2, tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff
}

tr.odd.gradeC td.sorting_2, tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff
}

tr.even.gradeC td.sorting_2, tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4
}

tr.odd.gradeX td.sorting_2, tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5
}

tr.even.gradeX td.sorting_2, tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4
}

tr.odd.gradeU td.sorting_2, tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5
}

tr.even.gradeU td.sorting_2, tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2
}

table.stylized td.highlighted {
    background-color: #E2EFFF !important
}

table.stylized td.title > div {
    position: relative;
    display: block;
    background: url(../img/toggle-small-expand.png) 0 2px no-repeat;
    padding: 0 0 0 16px
}

table.stylized td.title div.listingDetails {
    background-color: #FFF;
    border-color: #E2EFFF;
    border-style: solid;
    border-width: 1px 1px 3px;
    left: -12px;
    position: absolute;
    text-align: left;
    top: 26px;
    display: none;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
    -webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
    box-shadow: 0 0 8px rgba(82,168,236,.5)
}

    table.stylized td.title div.listingDetails div.pad {
        padding: 8px 10px
    }

.tagcloud {
    text-align: justify
}

    .tagcloud a {
        border: 0 !important
    }

a.tag1 {
    font-size: 1em
}

a.tag2 {
    font-size: 1.1em
}

a.tag3 {
    font-size: 1.2em
}

a.tag4 {
    font-size: 1.4em
}

a.tag5 {
    font-size: 1.5em
}

.pagination a, .pagination span {
    padding: 2px 6px;
    border: 0 !important
}

    .pagination span.pagination-active {
        background-color: #266DBB;
        color: #fff
    }

div#nyroModalFull {
    font-size: 12px;
    color: #777
}

    div#nyroModalFull div#nyroModalLoading {
        border: 4px solid #777;
        width: 150px;
        height: 150px;
        text-indent: -9999em;
        background: url(../img/nyro/ajaxLoader.gif) center no-repeat #fff
    }

        div#nyroModalFull div#nyroModalLoading.error {
            border: 4px solid #f66;
            line-height: 20px;
            padding: 20px;
            width: 300px;
            height: 100px;
            text-indent: 0;
            background: #fff
        }

    div#nyroModalFull div#nyroModalWrapper {
        background: #fff;
        border: 4px solid #777
    }

        div#nyroModalFull div#nyroModalWrapper a#closeBut {
            position: absolute;
            display: block;
            top: -13px;
            right: -13px;
            width: 12px;
            height: 12px;
            text-indent: -9999em;
            background: url(../img/nyro/close.gif) no-repeat;
            outline: 0
        }

        div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
            margin: 0;
            padding: 0;
            position: absolute;
            top: -22px;
            left: 5px;
            font-size: 12px;
            color: #ddd
        }

        div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
            padding: 5px
        }

        div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
            position: relative;
            overflow: hidden;
            text-align: center
        }

            div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
                vertical-align: baseline
            }

            div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #000;
                padding: 10px;
                margin: 10px;
                border: 1px dotted #fff;
                overflow: hidden;
                opacity: .2
            }

                div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
                    opacity: .5;
                    cursor: help
                }

        div#nyroModalFull div#nyroModalWrapper a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev {
            z-index: 105;
            outline: 0;
            position: absolute;
            top: 0;
            height: 100%;
            width: 40%;
            cursor: pointer;
            text-indent: -9999em;
            background: url(data:image/gif;base64,AAAA) left 20% no-repeat
        }

        div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev {
            height: 60%;
            width: 20%
        }

        div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
            left: 0
        }

            div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
                background-image: url(../img/nyro/prev.gif)
            }

        div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
            right: 0;
            background-position: right 20%
        }

            div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
                background-image: url(../img/nyro/next.gif)
            }

.datepick {
    background-color: #fff;
    color: #222;
    border: 1px solid #c4c4c4;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%
}

.datepick-rtl {
    direction: rtl
}

.datepick-popup {
    z-index: 1000
}

.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    opacity: .5
}

.datepick a {
    color: #222;
    text-decoration: none
}

    .datepick a.datepick-disabled {
        color: #888;
        cursor: auto
    }

.datepick button {
    margin: .25em;
    padding: .125em 0;
    background-color: #fcc;
    border: none;
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    font-weight: 700
}

.datepick-ctrl, .datepick-nav {
    float: left;
    width: 100%;
    background-color: #fff
}

.datepick-ctrl {
    background-color: #f4f4f4;
    font-weight: 700
}

    .datepick-cmd:hover, .datepick-ctrl .datepick-cmd:hover {
        background-color: #266DBB
    }

.datepick-cmd {
    width: 30%
}

    .datepick-cmd:hover {
        color: #fff
    }

.datepick-cmd-nextJump, .datepick-cmd-prevJump {
    width: 8%
}

a.datepick-cmd {
    height: 1.5em
}

button.datepick-cmd {
    text-align: center
}

.datepick-cmd-clear, .datepick-cmd-prev, .datepick-cmd-prevJump {
    float: left;
    padding-left: 2%
}

.datepick-cmd-current, .datepick-cmd-today {
    float: left;
    width: 35%;
    text-align: center
}

.datepick-cmd-close, .datepick-cmd-next, .datepick-cmd-nextJump {
    float: right;
    padding-right: 2%;
    text-align: right
}

.datepick-rtl .datepick-cmd-clear, .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump {
    float: right;
    padding-left: 0;
    padding-right: 2%;
    text-align: right
}

.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
    float: right
}

.datepick-rtl .datepick-cmd-close, .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump {
    float: left;
    padding-left: 2%;
    padding-right: 0;
    text-align: left
}

.datepick-month-nav {
    float: left;
    text-align: center
}

    .datepick-month-nav div {
        float: left;
        width: 12.5%;
        margin: 1%;
        padding: 1%
    }

    .datepick-month-nav span {
        color: #888
    }

.datepick-month-row {
    clear: left
}

.datepick-month {
    float: left;
    width: 15em;
    border: 1px solid #fff;
    text-align: center
}

#quicksearch, #viewedit {
    float: right
}

.datepick-month-header, .datepick-month-header input, .datepick-month-header select {
    background-color: #e0e0e0;
    color: #222;
    font-weight: 700;
    padding: 0
}

    .datepick-month-header input, .datepick-month-header select {
        border: none;
        font-size: 11px
    }

    .datepick-month-header input {
        position: absolute;
        display: none
    }

.datepick-month table {
    width: 100%
}

.datepick-month thead {
    border-bottom: 1px solid #aaa
}

    .datepick-month td, .datepick-month thead tr {
        border: 1px solid #fff
    }

.datepick-month td, .datepick-month th {
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-align: center;
    color: #aaa
}

.datepick-month a, .datepick-month span {
    display: block;
    width: 100%;
    padding: .125em 0
}

.datepick-month td {
    background-color: #eee
}

    .datepick-month td.datepick-week * {
        background-color: #e0e0e0;
        color: #222;
        border: none
    }

.datepick-month a {
    background-color: #eee;
    color: #000;
    text-decoration: none
}

#na, #nctr, #nmir, #nmtr {
    padding-right: 5px;
    padding-left: 2px
}

.datepick-month td span {
    color: #888
}

.datepick-month td .datepick-other-month {
    background-color: #fff
}

.datepick-month td .datepick-weekend {
    background-color: #ddd
}

.datepick-month td .datepick-today {
    background-color: #f90;
    font-weight: 700
}

.datepick-month td .datepick-highlight {
    background-color: #dadada
}

.datepick-month td .datepick-selected {
    background-color: #fcc
}

.datepick-status {
    clear: both;
    text-align: center
}

.datepick-clear-fix {
    clear: both
}

.datepick-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px
}

#compname {
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    color: #000;
    text-decoration: none;
    float: left;
    width: 300px;
    border: thin dotted #999;
    padding: 10px
}

#accttype, #hm {
    font-weight: 400;
    color: #333;
    float: left
}

#nctr {
    background-color: #FF0;
    width: 10px;
    color: #000
}

#dash {
    float: left
}

.wid {
    width: 50px;
    background-color: #0CF
}

#na, #nmir, #nmtr {
    background-color: #FF0;
    width: 10px;
    color: #000
}

#comp, #date1, #date2, #newcandidate, #suggestions {
    float: left
}

#candidateid {
    float: left;
    padding-left: 20px
}

#corpid {
    float: left;
    padding-right: 100px;
    color: red;
    font-weight: 700
}

#date {
    float: left;
    width: 100%;
    margin-left: 700px
}