fieldset {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

table .twoColumnsLayout {
    font: normal 10pt verdana, sans-serif;
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

table .twoColumnsLayout8ptFonts {
    font: normal 8pt verdana, sans-serif;
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.displayTable {
    background-color: #145192;
    color: #FFFFFF;
    font-weight: bold;
    width: 100%;
    font-size: 10pt;
}

.displayHeader {
    /* background: #fff; old apis*/
    font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #145192;
    height: 24px
}

.headerwhite {
}

.even {
    color: #000000;
    background-color: white;
    font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";
    font-size: 9pt;
    font-weight: normal;
    height: 20px
}

.even a {
    color: #000000;
}

.odd {
    color: #000000;
    background-color: #C7DEEA;
    font-family: Verdana, Tahoma, Arial, Sans Serif, Times New Roman;
    font-size: 9pt;
    font-weight: normal;
    height: 20px
}

.odd a {
    color: #000000;
}

.sortable {
    color: #FFFFFF;
    background-color: #145192;
    text-decoration: none
}

.sortable a {
    color: #FFFFFF;
}

.gridPageOfPage {
    color: #ffffff;
    font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";
    font-size: 8pt;
    font-weight: bold
}

.gridPager {
    background-color: #006699
}

.pagelinks {

    font-size: 10pt;
}

th.sortable a {

    background-image: url(/images/arrow_off1.png);
}

th.order1 a {
    background-image: url(/images/arrow_down1.png);
}

th.order2 a {
    background-image: url(/images/arrow_up1.png);
}

.rowhover {
    background-color: #CACAEE;
    color: #000000;
}

.rowhover a {
    color: #FFFFFF;
}

.labelright {
    text-align: right;

}

.labelleft {
    text-align: left;
}

.labelleftGreen {
    text-align: left;
    color: green;
    font-weight: bold;
}

.labelleftRed {
    text-align: left;
    color: red;
    font-weight: bold;
}

.labelleftOrange {
    text-align: left;
    color: orange;
    font-weight: bold;
}

.labelleftBold {
    text-align: left;
    font-weight: bold;
}

.labelcenter {
    text-align: center;
}

.labelcenterGreen {
    text-align: center;
    color: green;
    font-weight: bold;
}

.labelcenterRed {
    text-align: center;
    color: red;
    font-weight: bold;
}

.labelcenterOrange {
    text-align: center;
    color: orange;
    font-weight: bold;
}

.labelcenterBold {
    text-align: center;
    font-weight: bold;
}

.labelcenterBoldCaseFile {
    text-align: center;
    font-weight: bold;
    background: grey;
}

input.readonlyfield, select.readonlyfield, textarea.readonlyfield {
    background: rgb(215, 215, 215);
    /* font-weight:bold;*/
}

.main-header {
    background-color: #f7f7f7;
    padding: 0px 0px 0px 0px;
    height: 50px;
    border-bottom: solid 1px #e1e1e1;
    margin-bottom: 10px;
    border-left: solid 1px #e1e1e1;
}

.main-header:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

ul.breadcrumb {
    float: left;
    padding: 8px 8px 0 10px;
}

.breadcrumb ul {
}

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

.breadcrumb .icon-home {
    background: url(../images/home-icon.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 7px;
    opacity: 0.46;
    position: relative;
    top: 0px;
}

/*.breadcrumb li {display:inline-block;float:left;color:#777777;margin-right:7px;background:url(../images/arrow-nav.png) no-repeat right  50%; padding-right:13px; line-height:20px; height:1px;}*/
.breadcrumb li {
    display: inline-block;
    float: left;
    color: #777777;
    margin-right: 7px;
    background: url(../images/arrow-nav.png) no-repeat right 50%;
    padding-right: 13px;
    line-height: 30px;
    height: 29px;
}

.breadcrumb li a {
    color: #999999;
    text-decoration: none;
}

.breadcrumb li.active {
    background: none;
}

.infomsg {
    font-size: 8pt;
    color: #145192;
}

.regularTable {
    width: 100%;
}

.regularTable th {
    color: #FFFFFF;
    background-color: #145192;
    font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
}

.regularTable tr:nth-child(even) {
    color: #000000;
    background-color: white;
    font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";
    font-size: 9pt;
    font-weight: normal;
    height: 20px;
    text-align: left;
}

.regularTable tr:nth-child(odd) {
    color: #000000;
    background-color: #C7DEEA;
    font-family: Verdana, Tahoma, Arial, Sans Serif, Times New Roman;
    font-size: 9pt;
    font-weight: normal;
    height: 20px;
    text-align: left;
}

.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialog {
    display: none;
    position: fixed;
    width: 400px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
}

.web_dialog_title {
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight: bold;
}

.web_dialog_title a {
    color: White;
    text-decoration: none;
}

.align_right {
    text-align: right;
}