/* region: Page begin */

.nowrap {
    white-space: nowrap !important;
}
.break-words {
    word-break: break-all;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.active-user, .inactive-user, .locked-user {
    display: inline-block;
    color: white;
    font-weight: bold;
    width: 13px;
    margin-right: 1px;
    cursor: pointer;
    text-align: center;
    white-space: normal;
    vertical-align: top;
    margin-top: 3px;
}

.active-user {
    background-color: #5CB85C
}

.inactive-user {
    background-color: #EC971F;
}

.locked-user {
    background-color: #D9534F;
}


.screen-bg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
}

.page-bg {
    width: 839px;
    text-align: left;
    padding: 0px;
}

.page-bg-block{
    width: 839px;
    text-align: left;
    padding: 0px;
    /*opacity: 0.5;*/
    /*pointer-events: none;*/
}

/* region: Page end */

/* region: topnav begin */

.topbar-bg {
    /*background-color: #EEEEEE;*/
    border: 1px solid #666666;
}

.bannerHead {

    text-align: center;
    padding-top: 5px;
    COLOR: #2D2D2D;
    font-family: Helvetica, tahoma, Arial, sans-serif;
    MARGIN: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 14px

}

.banner-warning {
    color: red;
    padding: 10px 5px 5px 5px;
    text-align: center;
    float: left;
    width: 99%;
    margin-top: -15px;
}

.hidden {
    display: none;
}

.topbar-title {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
}

.topbar-logo {
    text-align: center;
    float: left;
    width: 120px;
}

.topbar-logo-img {
    padding: 5px;
    border-color: white;
}

.topbar-rt {
    font-size: 8pt;
    float: right;
    width: 120px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
}

.topbar-rt a:link, .topbar-rt a:visited {
    color: #000099;
    text-decoration: none;
}

.topbar-rt a:hover {
    color: #000000;
    text-decoration: underline;
    background-color: #FFFF00;
}

.topbar-title {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    margin-top: 15px
}

.topbar-menubar {
    background-color: #153C5D;
    width: 780px;
    height: 2px;
}

/* region: topnav end */

/* region: menubar begin */

.menubar-bg {
    font-size: 8pt;
    background-color: #999999;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #2D2D2D;
    padding-left: 20px;
    padding-right: 20px;
    height: 21px;
    padding-top: 3px;
}

.menubar {
    float: left;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 2px;
    padding-left: 13px;
    padding-right: 13px;
}

.menubar a:link, .menubar a:visited {
    color: #EEEEEE;
    text-decoration: none;
}

.menubar a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: transparent;
}

.menubar-sel {
    float: left;
    text-align: center;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 2px;
    padding-left: 13px;
    padding-right: 13px;
}

.menubar-sel a:link, .menubar-sel a:visited {
    color: #000000;
    text-decoration: none;
}

.menubar-sel a:hover {
    color: #000000;
    text-decoration: underline;
}

/* region: menubar end */

/* region: Focus begin */

.focus-bg {
    text-align: left;
    padding: 0px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #666666;
}

.focus-bg a:link, .focus-bg a:visited {
    color: #153C5D;
    text-decoration: underline;
}

.focus-bg a:hover {
    color: #000000;
    background-color: #99FFFF;
    text-decoration: underline;
}

.content-bg {
    width: 100%;
    vertical-align: top;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

/* region: sidebar begin */

.sb-bg {
    /*background-color: #EEEEEE;*/
    background-image: url(../images/medium_blue_side.jpg);
    vertical-align: top;
    height: 100%;
}

.sb-bg-1 {

    vertical-align: top;
    height: 100%;
}

.sb-box {
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    vertical-align: top;
}

.sb-menutitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #999999;
    padding-left: 10px;
    padding-bottom: 5px;
}

.sb-menutitle a:link, .sb-menutitle a:visited {
    color: #999999;
    text-decoration: none;
}

.sb-menutitle a:hover {
    color: #000000;
    background-color: #FFFF99;
    text-decoration: underline;
}

.sb-descriptor1 {
    color: #666666;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.sb-descriptor1 a:link, .sb-descriptor1 a:visited {
    color: #443366;
    text-decoration: underline;
}

.sb-descriptor {
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.sb-descriptor a:link, .sb-descriptor a:visited {
    color: #443366;
    text-decoration: underline;
}

.sb-title {
    color: #FFFFFF;
    background-color: #004972;
    padding: 10px;
}

.sb-title-1 {
    color: #FFFFFF;
    background-color: #153C5D;
    padding: 10px;
}

.sb-title a:link, .sb-title a:visited {
    color: #666666;
    text-decoration: none;
}

.sb-title a:hover {
    color: #000000;
    background-color: #FFFF99;
    text-decoration: underline;
}

.sb-title-sel {
    font-weight: bold;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.sb-item {
    color: #666666;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.sb-item-1 {
    color: #666666;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.sb-item a:link, .sb-item a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.sb-item-1 a:link, .sb-item a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.sb-item a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #5C82A5;
}

.sb-item-1 a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #5C82A5;
}

.sb-item-sel {
    color: #333333;
    padding-left: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding-top: 10px;
}

.sb-item-sel-1 {
    color: #333333;
    padding-left: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding-top: 10px;
}

.sb-item-sel a:link, .sb-item-sel a:visited {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

.sb-item-sel-1 a:link, .sb-item-sel a:visited {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

.sb-item-sel a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #5C82A5;
}

.sb-item-sel-1 a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #5C82A5;

}

.asterisk {
    color: #990099;
    font-weight: bold;
}

/* region: sidebar end */

/* region: focus end */

/* region: footer begin */

.footer {
    font-size: 8pt;
    color: #FFFFFF;
    background-color: #153C5D;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
}

.footer a:link, .footer a:visited {
    color: #EEEEEE;
    text-decoration: none;
}

.footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


/*.10-hi {*/
/*    line-height: 10px*/
/*}*/

/*.20-hi {*/
/*    line-height: 20px*/
/*}*/

.text-huge {
    font-size: 16pt;
    color: #333333;
    font-weight: bolder
}

.text-lrg {
    font-size: 13pt
}

.text-med {
    font-size: 11pt;
    color: #333333;
    padding-bottom: 5px;
    padding-top: 5px
}

.text-sml {
    font-size: 10pt
}

.text-vsml {
    font-size: 8pt;
    padding-bottom: 8px;
    padding-top: 8px
}

.txt-highlight {
    color: #000000;
    background-color: #FFFFAA;

}

.txt-focus {
    font-weight: bold;
    color: #000000
}

.txt-dark {
    color: #333333
}

.txt-black {
    color: #000000
}

.text-lo {
    color: #666666;
    font-size: 9pt;
}

.panel-0 {
    padding-right: 150px;
    padding-left: 150px;
    padding-top: 30px;
    padding-bottom: 40px;
    width: 100%;
}

.panel-1 {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 1px solid #153C5D;
    font-size: 9pt;
    color: #153C5D;
    width: 100%;
}

.panel-2 {
    background-color: #EEEEEE;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 1px solid #666666;
    width: 100%;
}

.scrollarea-1 {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #DDDDDD;
    border-right-color: #DDDDDD;
    border-bottom-color: #DDDDDD;
    border-left-color: #DDDDDD;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 5px;
    overflow: auto;
    height: 380px;

}

.title-1 {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #2D2D2D;
    padding: 5px;
}

.title-2 {
    font-size: 10pt;
    color: #DC8633;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 3px;
    padding-bottom: 2px;
}

.title-3 {
    font-size: 11px;
    color: #666666;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EEFFFF;
    margin-bottom: 5px;
    margin-top: 10px;
}

.tbl-1-title {
    color: #666666;
    font-size: 9pt;
    background-color: #DDDDDD;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.tbl-1-title a:link, .tbl-1-title a:visited {
    color: #666666;
    text-decoration: none;
}

.tbl-1-title.left {
    text-align: left !important;
}

#userTable.dataTable thead th {
    padding: 2px !important;
}

#userTable.dataTable td {
    padding: 2px !important;
}

.tbl-1-title a:hover {
    color: #000000;
    font-weight: bold;
}

.tbl-1-body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding-top: 10px;
    padding-bottom: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    padding-right: 20px;
    padding-left: 20px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;

}

.clearfloats {
    clear: both;
}

.titlebar-1 {
    font-size: 11pt;
    font-weight: bold;
    background-color: #CCCCCC;
    padding: 5px;
    color: #333333;
}

.tbl-item {
    font-size: 9pt;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    text-decoration: none;
}

.tbl-colwidth {
    line-height: 1px;
}

.instructions {
    font-size: 8pt;
    color: #666666;
    padding: 10px;
}

.box-focus {
    font-size: 11pt;
    padding-top: 15px;
    padding-right: 40px;
    padding-bottom: 15px;
    padding-left: 40px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

.doc-page {
    font-size: 10pt;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 40px;
}

.tbl-a-title {
    font-size: 10pt;
    font-weight: bold;
    color: #DC8633;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 20px;
    background-color: #EEEEEE;
}

.tbl-a-body {
    font-size: 9pt;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: justify;
}

/* formentry begin */

.label-1 {
    color: #666666;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-req {
    font-size: 9pt;
    font-weight: bold;
    background-color: #FFFFCC;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #999999;
    color: #000000;
}

.form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding-left: 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #999999;
    color: #000000;
}

/* formentry end */

/* buttons begin */

.btn-add {
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #CCCCCC;
    font-weight: normal;
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-add a:link, .btn-add a:visited {
    color: #000099;
    text-decoration: none;
}

.btn-add a:hover {
    color: #000000;
    text-decoration: underline;
    background-color: #FFFF00;
}

/* Navigation buttons (usually at bottom of page) */

.nav-bottom-bg {
    background-color: #DDDDDD;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 9pt;
}

.navBtn-1 {
    background-color: #DDDDDD;
    color: #000000;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #999999;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 9pt;
}

.navBtn-1 a:link, .navBtn-1 a:visited {
    color: #000000;
    text-decoration: none;
}

.navBtn-1 a:hover {
    background-color: #FFFF00;
    text-decoration: underline;
    background-color: #DDDDDD;
}

/* NavButton end */

.button-1 {
    background-color: #2D2D2D;
    border: 1px;
    border-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #CCCCCC;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-size: 9pt;
    text-align: center;
    font-weight: bold;
}

.button-1 a:link, .button-1 a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.button-1 a:hover {
    color: #FFFF00;
    background-color: #5C82A5;
    text-decoration: underline;
}

.button-2 {
    background-color: #EEEEEE;
    border: 1px;
    border-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #CCCCCC;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    font-size: 9pt;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
}

.button-2 a:link, .button-2 a:visited {
    color: #000000;
    text-decoration: none;
}

.button-2 a:hover {
    background-color: #FFFF00;
    text-decoration: underline;
    background-color: #EEEEEE;
}

/* Searchpanel begin */

.search-panel-1 {
    font-size: 9pt;
    color: #FFFFFF;
    background-color: #5C82A5;
    padding: 10px;
    font-weight: bold
}

.search-panel-12 {
    font-size: 9pt;
    color: #FFFFFF;
    background-color: #5C82A5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold
}

.search-label {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    float: left;
    vertical-align: middle;
}

.search-label-1 {
    text-align: right;
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 3px;
    float: right;
    vertical-align: middle;
}

.search-panel-2 {
    font-size: 9pt;
    background-color: #EEEEEE;
    color: #333333;
    padding: 10px;
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-bottom-style: solid;
}

.search-form {
    float: left;
    padding-right: 10px;
}

.button-search {
    background-color: #FFFFFF;
    color: #153C5D;
    border: 1px;
    border-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #CCCCCC;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-size: 9pt;
    text-align: center;
    float: right;
    font-weight: bold;
}

.button-search a:link, .button-search a:visited {
    color: #DC8633;
    text-decoration: none;
}

.button-search a:hover {
    color: #FFFF00;
    background-color: #DC8633;
    text-decoration: underline;
}

/* searchpanel end */

/* in-page tabfolder begin */

.tab-sel {
    background-color: #FFFFFF;
    float: left;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    font-weight: bold;
}

.tab-sel a:link, .tab-sel a:visited {
    color: #000000;
    text-decoration: none;
}

.tab-sel a:hover {
    text-decoration: underline;
    background-color: #FFFFFF;
}

.tab {
    color: #333333;
    float: left;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

.tab a:link, .tab a:visited {
    color: #000000;
    text-decoration: none;
}

.tab a:hover {
    text-decoration: underline;
    background-color: #FFFFFF;
}

.tabfolder-top {
    font-size: 9pt;
    padding-top: 5px;
    border: 1px none #CCCCCC;
}

.tabfolder-panel {
    padding: 10px;
    border: 1px none #CCCCCC;
}

/* in-page tabfolder end */

/* global end */

UL {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 40px;
    PADDING-BOTTOM: 7px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 7px;
    MARGIN: 0px;
    COLOR: #666;
    PADDING-TOP: 0px;
    font-size: 12px
}

H2 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 10px;
    COLOR: #2D2D2D;
    PADDING-TOP: 0px;
    font-size: 13px;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    line-height: 14px

}

thead tr {
    position: relative;
}

thead td, thead th {
    LINE-HEIGHT: 19px;
    /*background: url(../images/grid-hrow.gif) repeat-x left top;*/
    background-color: #153C5D;
    border-bottom: 1px solid #153C5D;
    /*BACKGROUND-COLOR:#666666 */
    font-size: 13px;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    color: #FFFFFF;
}

TBODY {
    MARGIN: 0px -3px;
    border: 2px dashed #0099CC;
}

.alternate TD {
    font-size: 12px;
    color: #000;
    font-family: tahoma, Arial, Helvetica;
    line-height: 14px;
}

.tablehead {
    COLOR: #15428b;
    LINE-HEIGHT: 16px;
    background: url(../images/grid-hrow.gif) repeat-x left top;
    border-bottom: 1px solid #b3cae9;
    /*BACKGROUND-COLOR:#666666 */
    font-size: 11px;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}

SELECT {
    COLOR: #000000;

    font-size: 11px;
}

.fieldLabelBlue {
    font-size: 11px;
    color: #095aa6;
    background-color: #EEEEEE;
    font-family: Arial, Helvetica;
    font-weight: bold;
}

.buttonBg {
    cursor: pointer;
    border: outset 1px #ccc;
    padding: 1px 2px;

    background: #999;
    color: #666;
    font-family: tahoma, Arial, Helvetica, Tahoma, sans-serif;
    background: url(../images/buttonGrad.gif) repeat-x left top;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton {
    background: transparent url('../images/square-gray-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;

}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
    color: #494949; /*button text color*/
    text-decoration: none;
}

a.squarebutton span {
    background: transparent url('../images/square-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

}

a.squarebutton:hover { /* Hover state CSS */
    background-position: bottom left;
    text-decoration: none;

}

a.squarebutton:hover span { /* Hover state CSS */
    background-position: bottom right;
    color: black;
    text-decoration: none;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

.greyButton {
    cursor: pointer;
    clear: both;

    background: #888888;
    color: #FFFFFF;
    border: solid 1px #666666;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 3px;
}

.td-plain {
    background-color: #EEEEEE;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    border: solid 1px #dedede;
    padding: 2px;
}

.td-task {
    background-color: #EEEEEE;
    color: #000000;
    font-size: 10pt;
    border-bottom: solid 1px #dedede;
    font-family: "bookman old style", helvetica, arial;
    padding-left: 8px;
}

.lds-ring.on{
    display: block;
}

.lds-ring.off{
    display: none;
}
.lds-ring {
    width: 44%;
    height: 355px;
    position: absolute;
    text-align: center;
    background: rgba(153,153,153,0.5);
    z-index: 99;
    display: none;
}
.lds-ring:after {
    content: " ";
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #5c82a5 #153c5d #dc8633 #ffffff;
    animation: lds-ring 1.2s linear infinite;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* readonly textarea and input style */
textarea[readonly], input[readonly],.x-form-text[readonly], .x-form-field[readonly]{
    background-color: transparent;
}