.optional {
  color: #fff;
}

#contentMain {
padding-left:40px;
background: #53565A;
}

#login2,#login3,#login4 {
display:none;
}

.button.positive {
    text-transform: none;
}

input {
margin:0px 0px 10px 0px!important;
}

#footer {
position: relative !important;
background: none !important;
}

td {
    vertical-align: top !important;
}

#contentRight {
  background: #53565A;

}

.button.positive { 
  background-color: #840b55; 
  background-repeat: repeat-x; 
  background-image: -khtml-gradient(linear, left top, left bottom, from(#902366), to(#840b55)); 
  background-image: -moz-linear-gradient(top, #902366, #840b55); background-image: -ms-linear-gradient(top, #902366, #840b55); 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #902366), color-stop(100%, #840b55)); 
  background-image: -webkit-linear-gradient(top, #902366, #840b55); background-image: -o-linear-gradient(top, #902366, #840b55); 
  background-image: linear-gradient(top, #902366, #840b55); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#902366', endColorstr='#840b55', GradientType=0); 
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25); 
  border-color: #840b55 #840b55 #76094c; 
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); 
}

.button.negative { 
  background-color: #4E565B; 
  background-repeat: repeat-x; 
  background-image: -khtml-gradient(linear, left top, left bottom, from(#71777b), to(#4E565B)); 
  background-image: -moz-linear-gradient(top, #71777b, #4E565B); background-image: -ms-linear-gradient(top, #71777b, #4E565B); 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71777b), color-stop(100%, #4E565B)); 
  background-image: -webkit-linear-gradient(top, #71777b, #4E565B); background-image: -o-linear-gradient(top, #71777b, #4E565B); 
  background-image: linear-gradient(top, #71777b, #4E565B); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71777b', endColorstr='#4E565B', GradientType=0); 
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25); 
  border-color: #4E565B #4E565B #3e4448; 
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); 
}

td {
    vertical-align: baseline;
}

.hasDatepicker, textarea {
margin: 0px 5px 5px 5px;
}

input[type=checkbox], input[type=radio] {
    margin: 0px 5px 0 5px;
}

.hide-show-region {
margin-left:10px;
margin-right: 10px;
}

.hide-show-title {
    margin: 0;
    padding-left: 24px;
    padding-right: 24px;
    color: #666;
    background: #efefef;
    height: 30px;
    font-size: 14px;
    padding-top: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    position: relative;

}

#loginheader {
background: url("../../images/pxl_new.png") no-repeat right; 
height: 60px;
    width: 100%;
    margin: 0px 20px;
background-size: auto 60px;
}
#login_ul li {
float: left;
    list-style: none;
}



#login_ul li a {
    font-size: 18px;
    padding-right: 50px;
    color: #840B55;
}

.login, .register{
    margin-top: 100px !important;
    overflow: hidden;
}

body.login {
    background:none;
}

.login .site-nav__logo {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.71429;
    color: #840B55;
    padding-left: 15px;
}

.register #container {
margin: 0;
}

.pagination a img {
height:16px;
}

input, textarea {
    width: inherit;
}
.inner {
overflow: auto;
}

.tableWrap {
overflow: initial;
}

#breadcrumb li:first-child a {
    float: none; 
    display: inline; 
    text-indent: 0em; 
    background: none; 
}

.hide {
float: none!important;
}


#contentWizard {
    height: 30px;
    padding-top: 5px;
    border-bottom: solid 1px lightgrey;
}

.pagination {
background:none;
border:none;
}

.pagination span {
color:#fff;
}

.sHTabs ul .current a:before  {
    content: "";
    display: block;
    position: absolute;
    background-color: #8dc63f;
    left: 0;
    bottom: 0;
    right: 0;
    top: inherit;
    width: auto;
    height: 5px;
}

.report-standard td {
    border-bottom: 1px #ccc solid;
    font-size: 12px;
    padding: 3px 9px;
    empty-cells: show!important;
    overflow: hidden;
line-height: 15px;
}

#tab_form p,#tab_form span,#report_treat_stop p,#report_treat_stop span {
margin: 0px;
line-height:20px;
}

label, .formLabel {
    line-height: 20px;
    font-weight:bold;
}

h3.navTitle.blue {
    margin: 0;
    padding-left: 24px;
    padding-right: 24px;
    color: #666;
    background: #efefef;
    height: 30px;
    font-size: 14px;
    padding-top: 5px;
    margin-top: 5px;
}


h3.navTitle {
text-shadow:none;
}
    .apexir_SEARCHICON {
        margin: 5px;
    }
    .apexir_TOOLBAR_CLOSE {
        padding: 2px 8px 8px 0;
    background: url(/i/apex/builder/bg-topbar-40px-r.gif) no-repeat scroll 100% 0;
    }
    .apexir_ACTION_MENU {
        padding: 0px;
    }
    .apexir_SEARCH button {
        margin: 0px 0 0 5px;
    }
    .apexir_ACTION_MENU button,
    .apexir-go-button {
        transition: 0.2s;
        border-radius: 3px;
        border-width: 1px;
        padding: 6px 12px;
        font-weight: normal;
        background-color: #eee;
        border-color: #e1e1e1;
        color: #333;
    }
    #apexir_DATA_PANEL .pagination {
        padding: 10px;
    }
  #apexir_DATA_PANEL .pagination a {
        line-height: 0px;
    }

#apexir_DATA_PANEL .pagination {
    min-height: 30px;
    height: auto!important;
    height: 30px;
    margin: 1em 0;
    padding-right: 15px;
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    position: relative;
}


#apexir_DATA_PANEL .pagination span {
color:#999;
}



  /*  .sHorizontalProgressList {
        height: 30px;
        padding-top: 5px;
        border-bottom: solid 1px lightgrey;
    }*/

    .sHorizontalProgressList ul {
        list-style: none;
        margin-left: 10px;
    }
    .sHorizontalProgressList > ul > li {
        float: left;
        position: relative;
        white-space: nowrap;
    }
    .sHorizontalProgressList > ul > li.non-current:after, .sHorizontalProgressList > ul > li.first-non-current:after, .sHorizontalProgressList > ul > li.first-current:after
{
        top: 3px;
        position: relative;
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border-right: 5px solid #d3d3d3;
        border-top: 5px solid #d3d3d3;
        transform: rotate(45deg);
        margin-right: 10px;
    }


    .sHorizontalProgressList > ul > li.current:after, .sHorizontalProgressList > ul > li.first-current:after {
        top: 3px;
        position: relative;
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border-right: 5px solid #2a6ebb;
        border-top: 5px solid #2a6ebb;
        transform: rotate(45deg);
        margin-right: 10px;
    }
    .sHorizontalProgressList > ul > li.current > span, .sHorizontalProgressList > ul > li.first-current > span, .sHorizontalProgressList > ul > li.last-current > span {
        color: #2a6ebb;
    }

    .sHorizontalProgressList > ul > li.last-non-current:after  {
        top: 3px;
        position: relative;
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
    }
    .display_only {
        line-height: 20px;
        padding-left: 10px;
    }
    #notification-message {
        background-color: #FED8D1;
        border-color: #F5A191;
        color: #BA1A35;
        border: 1px solid red;
        border-radius: 2px;
    }
    #success-message {
        background-color: #E5F6E7;
        border-color: #BAE5C0;
        color: #307C39;
        border-radius: 2px;
        border: 1px solid green;
    }
    .site-nav__selected {
        font-weight: 700;
        color: #fff!important;
    }
    .site-nav__link {
        padding-right: 24px;
        padding-left: 24px;
        position: relative;
        color: #eee!important;
        max-width: 150px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-left: 10px;
        font-size: 16px;
        float: left;
    }
    .site-nav__link {
        line-height: 42px!important;
        cursor: pointer;
    }
    #container {
        margin: 0px 20px;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
        background: #fff;
    }
    #content {
        padding: 0px;
        border: none;
    }
    #sidebar {
        padding-top: 0px;
    }
    h3.navTitle {
        border: none;
    }
    .navTitle.cyan {
        margin: 0;
        padding-left: 24px;
        padding-right: 24px;
        color: #fff;
        background-color: #840b55;
        height: 30px;
        font-size: 14px;
            padding-top: 5px;
    }
    .custom-sponsor {
        width: 100px;
        height: 22px;
        background-image: url("../../images/pxl_new_grey.png");
        background-size: auto 22px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    #navActions {
        font-size: .95em;
        float: right;
        margin: 10px 10px 0 0;
    }
    #header {
        /*height: 45px!important;*/
        background: none;
        min-height: 40px;
        background-color: #53565A;
        border-top: 3px solid #D3D800;
    }
    #header h1 {
        margin: 0px 10px;
    }
    ins {
        background: none;
    }
    .apexir_ACTION_MENU button {
        margin: 4px;
    }
    body {
        background: #efefef repeat-x 0 0;
        margin: 0;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.231;
        color: #404040;
    }
    #modaliframe {
        display: none;
    }
    input, select {
        margin: 0px 5px 5px 5px;
    }
    .button {
        padding: 6px 15px 7px 15px;
        font-size: 14px;
        margin: 5px 0px;
    }
    label,
    .formLabel {
        float: none;
    }
    #notification-message,
    #success-message {
        width: 560px;
        padding: 10px;
        color: #000;
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    input[type=checkbox] {
        min-height: 0px;
    }
    #sidebar {
        width: auto;
    }
    #logo_img {
    max-width: 240px;
    margin: 5px;
    }
    #program_disp {
        font-size: 16px;
        padding-left: 15px;
        color: #666;
    line-height: 31px;
    }
    #prog_disp {
        height: 30px;
    
        border-bottom: solid 1px lightgrey;
    }
    #breadcrumb {
        margin: 0px 0px 0px 20px!important;
    }
    .apexir_BUTTONS {
        float: left;
        padding: 0px 4px 2px 10px;
    }
    .sHTabs {
        background-color: #2a6ebb;
        border-bottom: 0;
        margin: 5px 10px;
        clear: both;
        text-transform: uppercase;
    height: 30px;
    }
    .sHTabs:before,
    .sHTabs:after {
        display: table;
        content: "";
        zoom: 1;
    }
    .sHTabs:after {
        clear: both;
    }
    .sHTabs ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
        clear: both;
    }
    .fixed .sHTabs ul {
        padding: 0;
    }
    .js .sHTabs ul {
    height: 28px;
    overflow: hidden;
    margin-top: 2px;
    }
    .sHTabs ul > li {
            color: #666;
    background: #efefef;
              float: left;
        font-weight: bold;
        max-width: 240px;
    }
    .sHTabs ul a {
            color: #666;
    background: #efefef;
        display: block;
        text-decoration: none;
        padding: 0 14px;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .sHTabs ul a:hover {
        text-decoration: none;
    }
    .sHTabs li.current {
        background: #fff;
        margin-top: 0;
        padding: 0;
        position: relative;
        z-index: 2;
color: #2a6ebb;
    }
    .sHTabs ul .current a {
        background: transparent;
        color: #2a6ebb;
    }
    .apexir_WORKSHEET_DATA, .report-standard {
        empty-cells: show;
        font: 12px/15px Arial, sans-serif;
        border: 1px solid #999;
        padding: 0px 0px 6px;
        background: #f5f5f5 repeat-x scroll 0px 0px;
    }

.apexir_WORKSHEET_DATA th.current, .report-standard th.current{
    background: #aaa;
  background-image: none;
}
    .apexir_WORKSHEET_DATA th, .report-standard th {
        padding: 0.929em 0.6em 0.714em 0.6em;
        background: #f5f5f5;
    }
    .apexir_WORKSHEET_DATA th div, .report-standard th div {
        color: #999;
    }
    .apexir_WORKSHEET_DATA tr.even td,
    .apexir_WORKSHEET_DATA tr.odd td,
    apexir_WORKSHEET_DATA td, .report-standard td{
        background-color: #fff;
    }

    .site-nav__logo {
        color: #fff;
        font-weight: 400;
        font-size: 17px;
        padding-left: 10px;
    }
img {
max-width: none;
}

.ui-datepicker-trigger { vertical-align: baseline !important; }

.pagination a {
    float: none !important;
    padding: 0 3px !important;
}

.pagination td {
    align: right !important;
}

/*Added by Vikram Thalialla (Oracle)*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    position: relative !important;
    height: auto !important;
    width: auto !important;
}
