body 
{
    margin: 0px 0px 0px 0px; 
    font-family:Arial;
    font-size: 10pt;
    background-color: #336699;
}

.masthead
{
    background-image:url('https://eRoom.centralpacificbank.com/images/home_topbg.png');
    height: 90px;
    text-align: right;
}

.LoginUser {
    color:white;
}

.DateTime {
    color:white;
}

.header
{
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    color: #47a3ff;
}
    
.header2
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #0066cc;
}

.header3
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #47a3ff;
}

.contentArea
{
    
}

div.column1
    {
    float: left;
    width: 630px;
    line-height: 16px;
    }

div.column2
    {
    margin-left: 631px;
    background-color: #ffffff;
    line-height: 16px;
    }

div.fullCol 
   {
    width: 100%; 
    text-align: left; 
    vertical-align: top; 
    }

.ie .MenuTheme {
    background-color: white;
    padding-top: 0px;
    padding-bottom: 0px;
}

.webkit .MenuTheme {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

.gecko .MenuTheme {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

.win.gecko .MenuTheme {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mobile .MenuTheme {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
    
a.nav1
{
    text-decoration: underline;
    font-size:10pt;
    color: Skyblue;
}

a.nav1:hover
{
    background-color: Yellow;
    color: Navy;
}

.pathSeparator {
    color: skyblue;
}

.main
{
    font-family: Arial;
    font-size: 10pt;
    color: Black;
    }

.small
{
    font-family: Arial;
    font-size: 7pt;
    color: Black;
    }

a.links
{
    color: navy;
    text-decoration:underline;
}

a.links:hover
{
    color: red;
    background-color: yellow;
}

a.linksDisabled {
    color: black;
    text-decoration: none;
}

.button_style {
    border:1px solid #999999; font-family:arial; text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
    background-color: #f2f5f6; background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    }

.button_style:hover {
    border:1px solid #7A7A7A;
     background-color: #d4dee1; background-image: linear-gradient(to bottom, #d4dee1, #a9c0c8);
     }

.footer
{
    background-image:url('https://eRoom.centralpacificbank.com/images/home_topbg.png');
    font-size: 8pt;
    color:White;
    }

.Tab .ajax__tab_header {
    color: #4682b4;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
    height: 20px;
}

.Tab .ajax__tab_body
{
    padding-top:0px;
    padding-bottom:0px;
}

.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background:url("images/tab_active.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background:url("images/tab_left_active.gif") no-repeat left;
    padding-left:10px;
    height: 20px;
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background:url("images/tab_right_active.gif") no-repeat right;
    padding-right:6px;
    height: 20px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background:url("images/tab_hover.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
    background:url("images/tab_left_hover.gif") no-repeat left;
    padding-left:10px;
    height: 20px;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background:url("images/tab_right_hover.gif") no-repeat right;
    padding-right:6px;
    height: 20px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background:url("images/tab_Inactive.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_inner
{
    color: #666666;
    background:url("images/tab_left_inactive.gif") no-repeat left;
    padding-left:10px;
    height: 20px;
}
.Tab .ajax__tab_outer
{
    color: #666666;
    background:url("images/tab_right_inactive.gif") no-repeat right;
    padding-right:6px;
    margin-right: 2px;
    height: 20px;
}

.ie .PanelTheme {
    background-color: #043B5E;
    padding-top: 0px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 8px;
}

.webkit .PanelTheme {
    background-color: #043B5E;
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 15px;
}

.gecko .PanelTheme {
    background-color: #043B5E;
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 15px;
}


.win.gecko .PanelTheme {
    background-color: #043B5E;
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 15px;
}

.mobile .PanelTheme {
    background-color: #043B5E;
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 15px;
}

.ie .InnerPanelTheme {
    background-color: #58ACFA;
    padding-top: 0px;
    padding-bottom: 0px;
}

.webkit .InnerPanelTheme {
    background-color: #58ACFA;
    padding-top: 5px;
    padding-bottom: 5px;
}

.gecko .InnerPanelTheme {
    background-color: #58ACFA;
    padding-top: 5px;
    padding-bottom: 5px;
}

.win.gecko .InnerPanelTheme {
    background-color: #58ACFA;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mobile .InnerPanelTheme {
    background-color: #58ACFA;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ie .LoginPanelTheme {
    background-color: #043B5E;
    padding-top: 2px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 2px;
}

.webkit .LoginPanelTheme {
    background-color: #043B5E;
    padding-top: 7px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 7px;
}

.gecko .LoginPanelTheme {
    background-color: #043B5E;
    padding-top: 7px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 7px;
}

.win.gecko .LoginPanelTheme {
    background-color: #043B5E;
    padding-top: 7px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 7px;
}

.mobile .LoginPanelTheme {
    background-color: #043B5E;
    padding-top: 7px;
    padding-left: 1px;
    padding-right: 0px;
    padding-bottom: 7px;
}

.LoginTheme {
    background-color:#EFF3FB;
    border-color: #04436c;
    border-width: 1px;
    border-style: solid;
    font-size:10pt;
    font-family: Verdana;
    color: #333333;
}

.LoginHeader {
    color:White;
    background-color:#04436c;
    font-size:10pt;
    font-weight:bold;
}

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.HellowWorldPopup
{
    min-width:300px;
    min-height:100px;
    background: white;
    border-color: #0066cc; 
    border-width: 4px;
}

.PopupHeader
{
    background-color: #043B5E;
    font-family: Verdana;
    font-weight: bold;
    color: #3399cc;
    line-height: 25px;
    padding-top: 0px;
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.PopupBody
{
    padding-left: 10px;
    padding-right: 10px;
    
    }

.Controls
{
    width: 100%;
    background-image: url('https://eRoom.centralpacificbank.com/images/background.jpg');
    }
    
.Pager
{
    border: 1px, solid, Navy;
    }

.Pager td {
    background-color: white;
    vertical-align:top;
    font-size:9pt;
    }

.Pager tr.header {
     color: #f2ce0a;
     background-color: #336699;
     font-family:Arial;
     font-size:10pt;
     font-weight: bold;
     text-align:center;
     vertical-align:bottom;
    }

.Pager tr.header a {
     color: #f2ce0a;
     background-color: #336699;
     font-family:Arial;
     font-size:10pt;
     font-weight: bold;
     text-align:left;
     vertical-align:bottom;
    }

.Pager tr.altRow td {
    background-color: #99ccee;
    vertical-align:top;
    font-size:9pt;
    }

.Pager .pgr td {   
    color: #fff;
    line-height: 21px;
    background-image: url('https://eRoom.centralpacificbank.com/images/toolbar.png');
}

.Pager .pgr a 
{ 
    text-decoration: none;
    border-bottom: solid 1px #507CD1;
    border-top: solid 1px #507CD1;
    border-left: solid 1px #507CD1;
    border-right: solid 1px #507CD1;
    padding: 2px 2px 2px 2px
 }
 
 .Pager .pgr a:hover
 {
     color: White; 
     background-color: #507CD1;
     }

.CloseButton
{
   top: 0px;
   cursor: pointer; 
    }
    
.TextIndicator_Password_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
     margin-left:10px;
}
.TextIndicator_Password_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
     margin-left:10px;
}
.TextIndicator_Password_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
     margin-left:10px;
}
.TextIndicator_Password_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
     margin-left:10px;
}
.TextIndicator_Password_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
     margin-left:10px;
}

.CalendarTheme .ajax__calendar_container {
    background-color: #336699;
    border: 1px solid navy;
    vertical-align: text-top;
    margin-bottom:6px;
    padding: 0px, 0px, 0px, 0px;
}

.CalendarTheme .ajax__calendar_next {
   background-color: #B1D7EA;
}

.CalendarTheme .ajax__calendar_prev {
   background-color: #B1D7EA;
}

.CalendarTheme .ajax__calendar_header {
    background-color: #336699;
    color: gold;
    vertical-align: text-top;
    margin-bottom: 2px;
    padding-bottom: 4px;
}

.CalendarTheme .ajax__calendar_days {
    background-color: white;
    vertical-align: text-top;
    line-height:20px;
    padding-top: 2px;
    padding: 0px, 0px, 0px, 0px;
}

.CalendarTheme .ajax__calendar_dayname {
    font-weight:bold;
    color: navy;
    padding: 0px, 0px, 0px, 0px;
}

.CalendarTheme .ajax__calendar_day {
    border-color: white;
    border-style: solid;
    border-width:1px;
}

.CalendarTheme .ajax__calendar_months {
    background-color: white;
    vertical-align:text-top;
    line-height: 22px;
}

.CalendarTheme .ajax__calendar_years {
    background-color: white;
    vertical-align: text-top;
    line-height: 22px;
}

.CalendarTheme .ajax__calendar_active {
    background-color: lightgray;
    border-width: 1px;
    border-color: blue;
}

.CalendarTheme .ajax__calendar_today {
    vertical-align: text-top;
    background-color: #99ccff;
}

.CalendarTheme .ajax__calendar_other {
    color: #bbbbbb;
    vertical-align:text-top;
}

.CalendarTheme .ajax__calendar_footer {
    background-color: #336699; 
    color: gold;
    vertical-align: text-top;
    line-height: 24px;
    padding-bottom:8px;
    padding-top:0px;
}

.CalendarTheme .ajax__calendar_hover .ajax__calendar_day {
    background-color: #ceecf5;
    color: slategray;
}

.CalendarTheme .ajax__calendar_hover .ajax__calendar_month {
    background-color: #ceecf5;
    color: slategray;
}

.CalendarTheme .ajax__calendar_hover .ajax__calendar_year {
    background-color: #ceecf5;
    color: slategray;
}