/*************  Mobiscroll.core-2.3.css ******************************/

/* Datewheel overlay */
.dw {
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 1001;
    color: #000;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    text-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
}
.dwi {
    position: static;
    margin: 5px;
    display: inline-block;
}
.dwwr {
    min-width: 170px;
    zoom: 1;
    padding: 0 10px;
    text-align: center;
}
/* Datewheel overlay background */
.dwo {
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .7;
    filter: Alpha(Opacity=70);
}
/* Bubble positionings */
.dw-bubble-bottom {
    margin-top: 18px;
}
.dw-bubble-top {
    margin-top: -18px;
}
.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%;
}
.dw-bubble-top .dw-arrw {
    bottom: -36px;
}
.dw-bubble-bottom .dw-arrw {
    top: -36px;
}
.dw-bubble .dw-arrw-i {
    margin: 0 30px;
    position: relative;
    height: 36px;
}
.dw-bubble .dw-arr {
    display: block;
}
.dw-arr {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 18px 18px;
    border-style: solid;
    margin-left: -18px;
}
.dw-bubble-bottom .dw-arr {
    top: 0;
    border-color: transparent transparent #fff transparent;
}
.dw-bubble-top .dw-arr {
    bottom: 0;
    border-color: #fff transparent transparent transparent;
}
/* Datewheel wheel container wrapper */
.dwc {
    float: none;
    margin: 0 2px 5px 2px;
    padding-top: 30px;
    display: inline-block;
}
.dwcc {
    clear: both;
}
/* Datewheel label */
.dwl {
    text-align: center;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -30px;
    width: 100%;
}
/* Datewheel value */
.dwv {
    padding: 10px 0;
    border-bottom: 1px solid #000;
}
/* Datewheel wheel container */
.dwrc {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.dwwc {
    margin: 0;
    padding: 0 2px;
    position: relative;
    background: #000;
    zoom: 1;
}
/* Datewheel wheels */
.dwwl {
    margin: 4px 2px;
    position: relative;
    background: #888;
    background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
    background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    z-index: 1010;
}
.dww {
    margin: 0 2px;
    overflow: hidden;
    position: relative;
}
.dwsc .dww {
    color: #fff;
    background: #444;
    background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
    background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
}
.dww ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.dww li {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    white-space: nowrap;
    text-shadow: 0 1px 1px #000;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
/* Higlighted */
.dww li.dw-hl {
    background: rgba(255,255,255,.3);
}
/* Valid entry */
.dww li.dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
/* Hidden entry */
.dww li.dw-h {
    visibility: hidden;
}
.dw-i {
    position: relative;
    height: 100%;
}
/* Wheel +/- buttons */
.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    text-align: center;
    opacity: 1;
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
}
.dwa .dwwb {
    opacity: 0;
}
.dwwbp {
    top: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 40px;
}
.dwwbm {
    bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 32px;
    font-weight: bold;
}
.dwpm .dwwc {
    background: transparent;
}
.dwpm .dww {
    margin: -1px;
}
.dwpm .dww li {
    text-shadow: none;
}
.dwpm .dwwol {
    display: none;
}
/* Datewheel wheel overlay */
.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
    background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
}
/* Background line */
.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
}
/* Datewheel button */
.dwbg .dwb {
    cursor: pointer;
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    color: #fff;
    background: #000;
    background: linear-gradient(#6e6e6e 50%,#000 50%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
    background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
    background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
}
/* Datewheel button container */
.dwbc {
    padding: 5px 0;
    text-align: center;
    clear: both;
}
.dwbc:after {
    content: '';
    display: block;
    clear: both;
}
/* Datewheel button wrapper */
.dwbw {
    display: inline-block;
    float: left;
    width: 50%;
    position: relative;
    z-index: 1010;
}
.dwbc-p .dwbw {
    width: 33%;
}
/* Hidden label */
.dwhl {
    padding-top: 10px;
}
.dwhl .dwl {
    display: none;
}
/* Backgrounds */
.dwbg {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.dwbg .dwpm .dww {
    color: #000;
    background: #fff;
    border: 1px solid #AAA;
}
.dwbg .dwwb {
    background: #ccc;
    color: #888;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
}
.dwbg .dwwbp {
    background: linear-gradient(#f7f7f7,#bdbdbd);
    background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
    background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
    background: -o-linear-gradient(#f7f7f7,#bdbdbd);
}
.dwbg .dwwbm {
    background: linear-gradient(#bdbdbd,#f7f7f7);
    background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
    background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
    background: -o-linear-gradient(#bdbdbd,#f7f7f7);
}
.dwbg .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840 50%,#3c7500 50%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
    background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
    background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
}
.dwbg .dwwl .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840,#3c7500);
    background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
    background: -moz-linear-gradient(#94c840,#3c7500);
    background: -o-linear-gradient(#94c840,#3c7500);
}




/************************ Mobiscroll.ios-2.2.css  *********************************/
/* iOS Skin */
.ios .dw { min-width: 134px; padding: 0; border: 1px solid #2d3034; background: none; color: #fff; border-radius: 0; -webkit-border-radius: 0; margin-bottom: 0px; }
.ios .dwo { background: none; }
.ios .dwwr { position: relative; margin-top: 40px; background: rgba(180, 180, 180, 1.0); }
.ios .dwi .dwwr { margin-top: 0; padding:0px; }
.ios .dwv { display: none; }
.ios .dwc { padding: 30px 0; margin: 0 2px; }
.ios .dwhl { padding: 0px 0; }
.ios .dwwc { background: transparent; }
.ios .dwwl {
    margin: 4px 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #cbcce0;
    background: linear-gradient(#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#2c2c38),color-stop(0.35, #cbcce0),color-stop(0.65, #cbcce0),to(#2c2c38));
    background: -moz-linear-gradient(#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
    background: -o-linear-gradient(#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
    box-shadow: 0 1px 1px rgba(255,255,255,0.3);
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
}
.ios td:first-child .dwwl { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.ios td:last-child .dwwl { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
.ios .dwsc .dww {
    margin: 0 3px;
    background: #fff;
    background: linear-gradient(#333 0%,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.10, #999),color-stop(0.30, #fff),color-stop(0.70, #fff),color-stop(0.90, #999),to(#333));
    background: -moz-linear-gradient(#333 0%,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
    background: -o-linear-gradient(#333 0%,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
    border-radius: 0;
    -webkit-border-radius: 0;
}
.ios .dw .dwpm .dww {
    background: linear-gradient(#000,#fff 48%,#fff 52%,#000);
    background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.48, #fff),color-stop(0.52, #fff),to(#333));
    background: -moz-linear-gradient(#000 0%,#fff 48%,#fff 52%,#000 100%);
    background: -o-linear-gradient(#000 0%,#fff 48%,#fff 52%,#000 100%);
}
.ios .dw .dwpm .dwwl { margin: 4px 2px; }
.ios .dw .dwpm .dww { margin: 0; border: 0; }
.ios .dww li {color: #555555; font-size: 18px; font-weight:normal; text-align: center; text-shadow: none; width: 200px; }
.ios .dww li.dw-hl {
    background: linear-gradient(#0288f3,#005de6);
    background: -webkit-gradient(linear,left bottom,left top,from(#0288f3),to(#005de6));
    background: -moz-linear-gradient(#0288f3,#005de6);
    background: -o-linear-gradient(#0288f3,#005de6);
    color: #fff;
}
.ios .dwwo { display: none; }
.ios .dwwol { height: 28px; padding: 1px; margin-top: -16px; border-color: #7b8699;
    background: #6f75b0;
    background: linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(111, 117, 176, 0.5)),color-stop(0.5, rgba(151, 157, 197, 0.5)));
    background: -moz-linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%);
    background: -o-linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%);
    z-index: 10;
    left: -1px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
}
.ios .dw .dwbc {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    padding: 5px 0;
    background: #454545;
    background: linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7));
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(69,69,69,0.7)),color-stop(0.5, rgba(37,37,37,0.7)),color-stop(0.5, rgba(16,16,16,0.7)),to(rgba(0,0,0,0.7)));
    background: -moz-linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7));
    background: -o-linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7));
    border-bottom: 1px solid #888;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-top: 1px solid #888;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.ios .dw .dwb {
    margin: 0 5px;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #254a93;
    background: #2461e6;
    background: linear-gradient(#779be9,#376fe0 50%,#2260dd 50%);
    background: -webkit-gradient(linear,left top,left bottom,from(#779be9),color-stop(0.5, #376fe0),color-stop(0.5, #2260dd));
    background: -moz-linear-gradient(#779be9,#376fe0 50%,#2260dd 50%);
    background: -o-linear-gradient(#779be9,#376fe0 50%,#2260dd 50%);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
.ios .dwb-c .dwb,.ios .dwb-n .dwb {
    border: 1px solid #1f1f1f;
    background: #1a1a1a;
    background: linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
    background: -webkit-gradient(linear,left top,left bottom,from(#7b7b7b),color-stop(0.5, #1a1a1a),color-stop(0.5, #000));
    background: -moz-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
    background: -o-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
}
.ios .dwb-a {
    opacity: .8;
    filter: alpha(opacity=80);
}
.ios .dw .dwwb {
    color: #fff;
    border: 0;
    background: #3f4e68;
    background: linear-gradient(#c7d1e2 0%,#808ea6 50%,#75859f 50%,#3f4e68 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#3f4e68),color-stop(0.5, #75859f),color-stop(0.5, #808ea6),to(#c7d1e2));
    background: -moz-linear-gradient(#c7d1e2 0%,#808ea6 50%,#75859f 50%,#3f4e68 100%);
    background: -o-linear-gradient(#c7d1e2 0%,#808ea6 50%,#75859f 50%,#3f4e68 100%);
}
.ios .dw .dwwl .dwb-a {
    background: #252c36;
    background: linear-gradient(#6b6e75 0%,#272e38 50%,#171e28 50%,#252c36 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#252c36),color-stop(0.5, #171e28),color-stop(0.5, #272e38),to(#6b6e75));
    background: -moz-linear-gradient(#6b6e75 0%,#272e38 50%,#171e28 50%,#252c36 100%);
    background: -o-linear-gradient(#6b6e75 0%,#272e38 50%,#171e28 50%,#252c36 100%);
}
.ios .dwb-s, .ios .dwb-n {
    width: auto;
    float: right;
    text-align: right;
}
.ios .dwb-c {
    width: auto;
    float: left;
    text-align: left;
}




/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/************************************* TVS Styles ********************************************/ 
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/*html { height:100%; }*/

body   
{
    background-color: rgba(180, 180, 180, 1.0); 
    font-size: 1.0em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color:Gray;
    height: 100%;
    touch-action:manipulation;      /* No double tap zoom.*/
}

#tvalue_page_div_id
{   
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;   /* IE */ 
    width: 100%; 
    min-width: 1024px;
    background-color:transparent;
    border:0px;
    min-height: 100%;
    height: auto;
	height: 100%;
}

div    { margin:0px; padding:0px; -webkit-user-select: none; }

form   { height:100%; background-color:transparent; }


.top_background_img { position:absolute; background-color: transparent; height:150px; width:100%; min-width:1024px; z-index: -1; }
.splash_screen_top_background_img { position:absolute; background-color: transparent; height:100%; width:100%; min-width:1024px; z-index: -1; }

img    { border-style:none; }

table  { margin:0px; padding:0px; border-width:0px; height:40px; background-color:transparent; border-collapse:collapse; }

tr,td { margin:0px; padding:0px; border-width:0px; height:40px; background-color:transparent; }

p     { margin:0px; padding:0px; border-width:0px; height:25px; background-color:transparent; color: #555555; -webkit-user-select: none; }
span  { margin:0px; padding:0px; border-width:0px; height:25px; background-color:transparent; color: #555555; -webkit-user-select: none; }

/* Stop double click on span tags*/
span , p , div  {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

select 
{
  border-top : #888888 0px solid; 
  border-bottom : #888888 0px solid; 
  border-left   : #888888 0px solid; 
  border-right: #888888 0px solid;
  padding:0px 0px 0px 0px;
  margin:0px; 
  background-color:transparent; 
  font-size:18px; 
  color: #0192d4; 
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
}

/*input { -webkit-user-select: none; }    /* This was really added for buttons. Safari disables all input if this is set.*/

input[type=text] { font-size:16px;  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
input[type=text]::-ms-clear { display: none; }

input[type=radio]:checked.ios_radio  { margin:0px 0px 0px 0px; padding:0px; background-color:#0072bc; border-color:#555555;}
input[type=radio].ios_radio          { margin:0px 0px 0px 0px; padding:0px; background-color:transparent; border-color:#555555;}
input[type=radio].std_radio          { margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; height:14px; width:14px;} 

input[type=checkbox]:checked.ios_checkbox  {margin:0px 0px 0px 0px; padding:0px; background-color:#0072bc; border-color:#555555;}
input[type=checkbox].ios_checkbox          {margin:0px 0px 0px 0px; padding:0px; background-color:transparent; border-color:#555555;}
input[type=checkbox].std_checkbox          { margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; height:14px; width:14px; font-size:10px; } 

label  { margin:0px; padding:0px; -webkit-user-select: none; }


/******************  CSS for master page ***************************/
#tvalue_account_page_id { width: 100%; min-width: 700px; background-color:transparent; border:0px; min-height: 100%; height: auto; height: 100%; }

#tvalue_account_header_bar_div_id        
{
  width: 100%; 
  height:35px;
  margin:0px; 
  padding:0px;
  border:0px;
  background-color:transparent; 
  background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:#00496e;
}

#tvalue_account_header_bar_id {position:absolute; left:0px; top:0px; color:White; text-align:center; width: 100%; height:35px; padding:2px 0px 0px 0px; font-size:18px;}

#account_button_div_id  { float:right; z-index:10; }
#account_button_id      { position: relative; top: 2px; left:-2px; width:90px; height:30px; }

#main_menu_div_id       { position:absolute; left: 0px; top: 34px; min-width: 700px; width: 100%; height:30px; background-color:#4e667d; overflow:hidden; }

#main_menu_div_id button     { position:absolute; padding: 0px; text-align:center; border:0px none #4e667d;  border-left:1px solid #777777; 
                               font-size:15px; font-weight:normal; height:30px; color:#dde4ec; background-color:transparent; }

button#main_menu_start_tvalue_id      { left: 10px; top: 0px; width: 140px; border-left:0px solid #777777; }
#main_menu_change_password_id   { left: 155px; top: 0px; width: 170px; }
#main_menu_change_email_id      { left: 330px; top: 0px; width: 140px; }
#main_menu_login_id             { left: 475px; top: 0px; width: 110px; }
#main_menu_logout_id            { left: 590px; top: 0px; width: 110px; }

#loginDisplayDivId            { float:right; z-index:10; }
#LoginView1_HeadLoginStatus   { position: relative; top: -5px; left:-2px; width:150px; height:30px; font-size:16px; color:White;
                                font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
#LoginView1_LoginName1        { position: relative; top: -5px; left:-2px; width:150px; height:30px; font-size:16px; color:White; font-weight:normal;
                                font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }

#TestLogoutButton   { position:absolute; left: 10px; top: 100px; width: 110px; color:#dde4ec; padding: 3px 0px 0px 0px; border:0px none #4e667d;  border-right:1px solid #777777; 
                          text-align:center; font-size:16px; display:inline-block; height:30px; text-decoration:none;}

#master_body_content_div_id     
{
    width:300px;
    height:300px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-152px 0 0 -152px;
    background-color:transparent;
    border: 2px solid #ffffff;
    background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%;
    border-radius: 10px;
    background-color:#00496e;
}

#master_body_content_div_id input[type=password] { height: 27px; font-size:16px; border:1px solid #888888; padding:0px 2px 0px 2px; margin:0px; }
#master_body_content_div_id input[type=text]   { height: 27px; font-size:16px; border:1px solid #888888; padding:0px 2px 0px 2px; margin:0px; }

#master_title_id        { position:absolute; left: 0px; top: 0px; width: 100%; color:White; text-align:center; font-size:20px; }


/******************  CSS for change password page ***************************/

#MainContent_ChangeUserPassword_ChangePasswordContainerID_CurrentPasswordLabel       { position:absolute; left: 5px; top: 40px; color:White; font-size:16px; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_CurrentPassword            { position:absolute; left: 145px; top: 40px; width: 140px; font-size:16px; }

#MainContent_ChangeUserPassword_ChangePasswordContainerID_NewPasswordLabel           { position:absolute; left: 5px; top: 75px; color:White; font-size:16px; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_NewPassword                { position:absolute; left: 145px; top: 75px; width: 140px; font-size:16px; }

#MainContent_ChangeUserPassword_ChangePasswordContainerID_ConfirmNewPasswordLabel    { position:absolute; left: 5px; top: 110px; color:White; font-size:16px; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_ConfirmNewPassword         { position:absolute; left: 145px; top: 110px; width: 140px; font-size:16px; }

#MainContent_ChangeUserPassword_ChangePasswordContainerID_SecurityQuestionLabelId    { position:absolute; left: 5px; top: 145px; color:White; font-size:16px; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_SecurityQuestionId         { position:absolute; left: 25px; top: 175px; width: 266px; font-size:16px; 
                                                                                       background-color:White; border-width:1px; color:Black; }

#MainContent_ChangeUserPassword_ChangePasswordContainerID_AnswerLabelId              { position:absolute; left: 5px; top: 215px; color:White; font-size:16px; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_AnswerId                   { position:absolute; left: 70px; top: 215px; width: 215px; font-size:16px; }


#MainContent_ChangeUserPassword_ChangePasswordContainerID_CurrentPasswordRequired    { position:absolute; top:0px; z-index: -1; } /* Hide these fields.*/
#MainContent_ChangeUserPassword_ChangePasswordContainerID_NewPasswordRequired        { position:absolute; top:0px; z-index: -1; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_ConfirmNewPasswordRequired { position:absolute; top:0px; z-index: -1; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_NewPasswordCompare         { position:absolute; top:0px; z-index: -1; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_AnswerRequired             { position:absolute; top:0px; z-index: -1; }

#MainContent_ChangeUserPassword_ChangePasswordContainerID_ChangeUserPasswordValidationSummary   { position:absolute; top:0px; z-index: -1; }

#failure_notification_id  { position:absolute; top:0px; z-index: -1; } /* Hide this field.*/

#MainContent_ChangeUserPassword_ChangePasswordContainerID_CancelPushButton           { position:absolute; left: 20px; top: 260px; width: 80px; font-size:16px; }
#MainContent_ChangeUserPassword_ChangePasswordContainerID_ChangePasswordPushButton   { position:absolute; left: 120px; top: 260px; width: 160px; font-size:16px; }



/******************  CSS for changed password successfully page ***************************/
#changePasswordSuccessTitleId     { position:absolute; left: 0px; top: 2px; width: 100%; color:White; text-align:center; font-size:20px; }
#changePasswordSuccessMessageId   { position:absolute; left: 40px; top: 60px; width: 220px; color:White; text-align:center; font-size:18px; }




/******************  CSS for Userlogin page ***************************/
#tvalue_user_login_msg_id   { position:absolute; left: 0px; top: 2px; width: 100%; color:White; text-align:center; font-size:20px; }

#MainContent_Login1_UserNameLabel    { position:absolute; left: 7px; top: 49px; color:White; font-size:16px; }
#MainContent_Login1_UserName         { position:absolute; left: 100px; top: 45px; width: 182px; height: 30px; font-size:16px; border:1px solid #888888; padding:0px 2px 0px 2px; margin:0px;}

#MainContent_Login1_PasswordLabel    { position:absolute; left: 7px; top: 94px; color:White; font-size:16px; }
#MainContent_Login1_Password         { position:absolute; left: 100px; top: 90px; width: 182px; font-size:16px; }

#MainContent_Login1_RememberMe       { position:absolute; left: 5px; top: 144px; font-size:16px; }
#MainContent_Login1_RememberMeLabel  { position:absolute; left: 27px; top: 140px; color:White; font-size:16px; }

#MainContent_Login1_LoginButton      { position:absolute; left: 130px; top: 210px; width: 150px; height:40px; font-size:16px; }

button#forgot_login_password_id      { position:absolute; left: 130px; top: 263px; width:150px; padding: 0px; text-align:right; border:0px none #4e667d;  
                                       font-size:16px; font-weight:normal; text-decoration:underline; height:30px; color:White; background-color:transparent; }


/*Hide these fields.*/
#MainContent_login_failure_notification_id      { position:absolute; top:0px; z-index: -1; } 
#MainContent_Login1_LoginUserValidationSummary  { position:absolute; top:0px; z-index: -1; } 
#MainContent_Login1_UserNameRequired            { position:absolute; top:0px; z-index: -1; }
#MainContent_Login1_PasswordRequired            { position:absolute; top:0px; z-index: -1; }




/******************  CSS for Password Recovery page - UserNameTemplate ***************************/
#password_recovery_title_id         { position:absolute; left: 0px; top: 10px; width: 100%; color:White; text-align:center; font-size:20px; }
#password_recovery_instructions_id  { position:absolute; left: 40px; top: 60px; width: 220px; color:White; text-align:center; font-size:18px; }

#MainContent_PasswordRecovery1_UserNameContainerID_UserNameLabel    { position:absolute; left: 10px; top: 140px; color:White; font-size:16px; }
#MainContent_PasswordRecovery1_UserNameContainerID_UserName         { position:absolute; left: 10px; top: 170px; width: 260px; font-size:16px; }

#MainContent_PasswordRecovery1_UserNameContainerID_CancelButton     { position:absolute; left: 10px; top: 255px; width: 85px; height:35px; font-size:16px; }
#MainContent_PasswordRecovery1_UserNameContainerID_SubmitButton     { position:absolute; left: 130px; top: 255px; width: 150px; height:35px; font-size:16px; }


/*Hide these fields.*/
#MainContent_PasswordRecovery1_UserNameContainerID_PasswordRecoveryValidationSummary { position:absolute; top:0px; z-index: -1; } 
#MainContent_PasswordRecovery1_UserNameContainerID_UserNameRequired                  { position:absolute; top:0px; z-index: -1; }





/******************  CSS for Password Recovery page - QuestionTemplate ***************************/
#password_recovery_question_title_id         { position:absolute; left: 0px; top: 5px; width: 100%; color:White; text-align:center; font-size:20px; }
#password_recovery_question_instructions_id  { position:absolute; left: 10px; top: 35px; width: 280px; color:White; text-align:center; font-size:16px; }

#password_recovery_question_question_label_id   { position:absolute; left: 10px; top: 100px; color:White; font-size:16px; }
#password_recovery_question_question_id         { position:absolute; left: 10px; top: 122px; width: 260px; color:White; font-size:16px; font-style:italic; }

#MainContent_PasswordRecovery1_QuestionContainerID_AnswerLabel    { position:absolute; left: 10px; top: 173px; color:White; font-size:16px; }
#MainContent_PasswordRecovery1_QuestionContainerID_Answer         { position:absolute; left: 10px; top: 198px; width: 260px; font-size:16px; }

#MainContent_PasswordRecovery1_QuestionContainerID_CancelButton     { position:absolute; left: 10px; top: 255px; width: 85px; height:35px; font-size:16px; }
#MainContent_PasswordRecovery1_QuestionContainerID_SubmitButton     { position:absolute; left: 130px; top: 255px; width: 150px; height:35px; font-size:16px; }

/*Hide these fields.*/
#MainContent_PasswordRecovery1_QuestionContainerID_PasswordRecoveryValidationSummary { position:absolute; top:0px; z-index: -1; } 
#MainContent_PasswordRecovery1_QuestionContainerID_AnswerRequired                    { position:absolute; top:0px; z-index: -1; }




/******************  CSS for Password Recovery page - SuccessTemplate ***************************/
#password_recovery_success_title_id { position:absolute; left: 20px; top: 15px; width: 260px; color:White; text-align:center; font-size:20px; }
#MainContent_PasswordRecovery1_SuccessContainerID_OkButton { position:absolute; left: 80px; top: 245px; width: 150px; height:35px; font-size:16px; }




/******************  CSS for Success Pages ***************************/
#SuccessTitleId              { position:absolute; left: 20px; top: 15px; width: 260px; color:White; text-align:center; font-size:20px; }
#SuccessMessageId            { position:absolute; left: 10px; top: 75px; width: 280px; color:White; text-align:center; font-size:16px; }
#MainContent_SuccessOkButton { position:absolute; left: 80px; top: 245px; width: 150px; height:35px; font-size:16px; }




/******************  CSS for Change Email page  ***************************/
#ChangeEmailTitleId    { position:absolute; left: 0px; top: 5px; width: 100%; color:White; text-align:center; font-size:20px; }
#ChangeEmailMessageId  { position:absolute; left: 10px; top: 55px; width: 280px; color:White; text-align:center; font-size:16px; }

#old_email_label_id   { position:absolute; left: 10px; top: 100px; color:White; font-size:16px; }
#old_email_id         { position:absolute; left: 10px; top: 122px; width: 260px; color:White; font-size:16px; font-style:italic; }

#MainContent_NewEmailLabel    { position:absolute; left: 10px; top: 173px; color:White; font-size:16px; }
#MainContent_NewEmail         { position:absolute; left: 10px; top: 198px; width: 260px; font-size:16px; }

#MainContent_CancelButton     { position:absolute; left: 10px; top: 255px; width: 85px; height:35px; font-size:16px; }
#MainContent_SubmitButton     { position:absolute; left: 130px; top: 255px; width: 150px; height:35px; font-size:16px; }

/*Hide these fields.*/
#MainContent_AnswerRequired                         { position:absolute; top:0px; z-index: -1; } 
#MainContent_PasswordRecoveryValidationSummary      { position:absolute; top:0px; z-index: -1; }



/******************  CSS for splash screen ***************************/

#tvalue_splash_page_id
{   
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;   /* IE */ 
    width: 100%; 
    background-color:rgba(180, 180, 180, 1.0);
    border:0px;
}

#tvalue_splash_msg_div_id
{   
    width:250px;
    height:150px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-75px 0 0 -125px;
    background-color:transparent;
    border: 2px solid #ffffff;
    background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%;
    border-radius: 10px;
    background-color:#00496e;
}

p.tvalue_splash_msg { width:100%; font-size:18px; text-align:center; color:White; }




/******************** CSS for wait window    ****************************/
#wait_window_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.4); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#wait_window_id { display:none; border:2px solid White; border-radius: 10px; position:absolute; top:5px; left:200px; height:170px; width:300px; 
                  z-index:1001; background-color:transparent; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-color:#00496e;
                  background-repeat:no-repeat; background-size:100% 100%; }

#wait_message_id     { position:absolute; top:5px; left:20px; text-align:center; color:White; font-size:16px; height:100px; width:260px; }
#wait_window_btn1_id { position:absolute; top:120px; left:100px; font-size:16px; height:40px; width:100px; border:0px; background-color:transparent; 
                       background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }





/******************  CSS for general message window ***************************/
#msg_window_background_id { display:none; position:absolute; top:0px; left:0px; background-color:rgba(0, 0, 0, 0.4); height:100%; width:100%; 
                            min-width:1015px; z-index:2000; }


.std#msg_window_id  { left:5px; top:3px; height:250px;  width:500px;  position:fixed; display:block; border:2px solid White; border-radius: 10px;  
                  z-index:2001; background-color:transparent; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-color:#00496e;
                  background-repeat:no-repeat; background-size:100% 100%; }

.std#msg_inner_window_id  { position:absolute; left:20px; top:20px; height:165px; width:460px; border:0px solid #00496e; border-radius: 10px;  
                            z-index:1000; background-color:#eeeeee; }
    
.std#display_msg_id { position:absolute; top:8px; left:10px; text-align:left; color:#555555; font-size:16px; height:150px; width:440px;  }

.std#display_msg_btn3_id { position:absolute; top:200px; left:66px; font-size:16px; height:40px; width:150px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }

.std#display_msg_btn2_id { position:absolute; top:200px; left:66px; font-size:16px; height:40px; width:150px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }
                        
.std#display_msg_btn1_id { position:absolute; top:200px; left:283px; font-size:16px; height:40px; width:150px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }




.small#msg_window_id  { display:block; border:2px solid White; border-radius: 10px; position:fixed; top:5px; left:200px; height:176px; width:300px; 
                  z-index:2001; background-color:transparent; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-color:#00496e;
                  background-repeat:no-repeat; background-size:100% 100%; }

.small#msg_inner_window_id  { position:absolute; top:0px; left:0px; height:121px; width:300px; overflow-y:scroll; }
    
.small#display_msg_id { position:absolute; top:4px; left:10px; text-align:center; color:White; font-size:16px; height:117px; width:280px;  }

.small#display_msg_btn1_id { position:absolute; top:131px; left:100px; font-size:16px; height:40px; width:100px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }
                        
.small#display_msg_btn2_id { position:absolute; top:131px; left:100px; font-size:16px; height:40px; width:100px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }

.small#display_msg_btn3_id { position:absolute; top:131px; left:100px; font-size:16px; height:40px; width:100px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }




/******************  CSS for Server Request Message Window ***************************/
#server_request_msg_background_id { display:none; position:absolute; top:0px; left:0px; background-color:rgba(0, 0, 0, 0.4); height:100%; width:100%; 
                            min-width:1015px; z-index:1000; }

#server_request_msg_div_id  { display:block; border:2px solid White; border-radius: 10px; position:absolute; top:5px; left:50px; height:610px; width:750px; 
                  z-index:1001; background-color:transparent; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-color:#00496e;
                  background-repeat:no-repeat; background-size:100% 100%; }
    
#server_request_msg_btn_id { position:absolute; top:10px; left:10px; font-size:16px; height:35px; width:100px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }

#server_request_msg_id { position:absolute; top:50px; left:10px; color:Black; font-size:16px; height:540px; width:720px; }





/******************  CSS for the tabbar ***************************/
#iphone_top_space_div_id { height:20px; width:100%;
    background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; background-color:#00496e; }

#iphone_top_space_p_id { height:20px; background-color:transparent; color: #04d2ff; text-align:center; font-style:italic; }

.tabbar { width:100%; height:35px; margin:0px; padding:0px; border:0px; background-color:transparent; 
          background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; background-color:#00496e; }

#tabbar_div_id    { overflow: hidden; } 
.tabbar table     { height:35px; margin:0px; padding:0px; border:0px; border-collapse:collapse; vertical-align:top; } 
.tabbar tr,td     { height:35px; margin:0px; padding:3px 0px 0px 0px; border:0px;  border-collapse:collapse;  vertical-align:top; }    
.tabbar p         { height:30px; margin:0px; padding:0px; border:0px; }    
.tabbar_space     { height: 20px; min-width: 4px; }
.tabbar_end_space { height: 20px; min-width: 165px; }
.tabbar button    { height:26px; color: #555555; font-size:14px;  border-collapse:collapse; background-color:rgba(220, 220, 220, 1.0); }
.file_name        { width:100%; text-align:center; overflow:hidden; max-height:30px}
.file_name p     { width:100%; text-align:center; line-height:30px; color:#ffffff; padding:0px 5px 0px 5px; overflow:hidden; }

#trail_remaining_td_id { width: 250px; text-align:left; font-style:italic; white-space:nowrap; }
#trail_remaining_id    { color: #ffffff; font-size:16px; height:30px; padding:3px 30px 0px 0px; }

#tabbar_logout_id    { width:100%; }

button#tabbar_logout_button_id { width:80px; padding: 0px; text-align:center; border:0px none #4e667d;  
                                 font-size:16px; font-style:italic; font-weight:normal; text-decoration:underline; height:30px; color:White; background-color:transparent; }


button.file_btn  { height:28px; color: #555555; width:60px; margin:0px; padding:0px; border:0px; background-color:transparent;  
                   background-image:url('../Images/button_gray_arrow.png'); background-repeat:no-repeat; background-size:100% 100%; }

#cfm_btn_id {display:none; text-decoration-color:white; }
#quick_access_new_btn_id  { height:28px; color: #555555; width:40px; height:22px; margin:0px; position:relative; top:1px; padding:0px; border:0px; background-color:transparent;  
                   background-image:url('../Images/New_26.png'); background-repeat:no-repeat; background-size:contain; }
#quick_access_open_btn_id  { height:28px; color: #555555; width:40px; height:22px; margin:0px;  position:relative; top:3px; padding:0px; border:0px; background-color:transparent;  
                   background-image:url('../Images/Open_26.png'); background-repeat:no-repeat; background-size:contain;}
#quick_access_save_btn_id  { height:28px; color: #555555; width:40px; height:22px; margin:0px;  position:relative; top:3px; padding:0px; border:0px; background-color:transparent;  
                   background-image:url('../Images/Save_32.png'); background-repeat:no-repeat; background-size:contain; }

button.amort_btn  { height:28px; color: #555555; width :110px; margin:0px; padding:0px; border:0px; background-color:transparent; 
                    background-image:url('../Images/button_gray_large_100x30.png'); background-repeat:no-repeat; background-size:100% 100%; }

button.account_btn { float:right; display:block; height:28px; color: #555555; width :70px; margin:0px; padding:0px; padding-left:0px; border:0px; background-color:transparent; 
                     background-image:url('../Images/button_gray_large_100x30.png'); background-repeat:no-repeat; background-size:100% 100%; }



/******************  CSS for File Options Popup ***************************/

#file_options_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
} 


#file_options_div_id {position:absolute; left:0px; top:35px; display:none; padding-left:10px; margin-left: 0px; z-index:100; 
                      width:275px; height:235px; background-color:#dddddd; overflow:hidden; border: 2px solid #eeeeee; 
                      border-right-color:#bbbbbb  ; border-bottom-color:#bbbbbb; border-radius:5px; }

button.file_options_btn  { height:35px;  width:275px; font-size: 15px; color: #555555; margin:4px 5px 0px 0px; padding:0px; 
                           border:0px; background-color:transparent; text-align:left; }

button.ios_file_options_btn  { height:35px;  width:275px; font-size: 15px; color: #555555; margin:4px 5px 0px 0px; padding:0px; 
                               border:0px; background-color:transparent; text-align:left; }

a.open_help_link_class  { position:relative; top: 5px; height:135px;  width:275px; font-size: 15px; color: #555555; margin:4px 5px 0px 0px; padding:5px 0px 0px 0px; 
                           border:0px; background-color:transparent; text-align:left; text-decoration: none; }

a.ios_open_help_link_class  { position:relative; top: 5px; height:35px;  width:275px; font-size: 15px; color: #555555; margin:4px 5px 0px 0px; padding:0px; 
                           border:0px; background-color:transparent; text-align:left; text-decoration: none;}

.file_options_popup_line     { width:260px; height:2px; font-size:8px; text-align:right; background-color:transparent; border:0px; border-bottom:2px solid #888888; }
.ios_file_options_popup_line { width:260px; height:2px; font-size:8px; text-align:right; background-color:transparent; border:0px; border-bottom:2px solid #888888; }



/*
#file_options_div_id {position:absolute; left:3px; top:35px; display:none; padding-left:10px; margin-left: 0px; z-index:100; 
                      width:290px; height:200px; background-color:Silver; overflow:hidden; border-radius: 10px;
                      background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; }

button.file_options_btn  { height:35px;  width:290px; font-size: 15px; color: #ffffff; margin:4px 5px 0px 0px; padding:0px; 
                           border:0px; background-color:transparent; text-align:left; }
*/




/******************** CSS for Should Save Schedule  ****************************/

#should_save_schedule_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.4);
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#should_save_schedule_div_id    { display:none; background-color:#dddddd; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }


#should_save_schedule_div_id button { position:absolute; height:35px; font-size:14px; border: 0px; 
                                      background-color:transparent; color:#555555; background-image:url('../Images/button_gray_large.png');  
                                      background-repeat:no-repeat; background-size:100% 100%; }

.sss_std#sss_inner_div_id { position:absolute; left:20px; top:20px; height:100px; width:660px; border:0px solid #00496e; border-radius: 10px;  z-index:1000; background-color:#eeeeee;}

.sss_std#should_save_schedule_div_id { left:5px; top:3px; height:185px;  width:700px;  background-color:#00496e;
                                       background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;}

.sss_std#should_save_schedule_msg_id { color:#555555; position:absolute; left: 0px; top: 15px; width:660px; font-size:16px; text-align:center; }

.sss_std#should_save_schedule_server_btn_id { left:25px; top:136px; width:240px; }

.sss_std#should_save_schedule_local_btn_id  { left:275px; top:136px; width:180px; }

.sss_std#should_save_schedule_dont_btn_id   { left:465px; top:136px; width:100px; }

.sss_std#should_save_schedule_cancel_btn_id { left:575px; top:136px; width:100px; }
                    

.sss_ios#sss_inner_div_id { position:absolute; left:20px; top:20px; height:100px; width:580px; border:0px solid #00496e; border-radius: 10px;  z-index:1000; background-color:#eeeeee;}

.sss_ios#should_save_schedule_div_id { left:5px; top:3px; height:185px;  width:620px;  background-color:#00496e;
                                       background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;}

.sss_ios#should_save_schedule_msg_id { color:#555555; position:absolute; left: 0px; top: 15px; width:580px; font-size:16px; text-align:center; }

.sss_ios#should_save_schedule_server_btn_id { left:25px; top:136px; width:260px; }

.sss_ios#should_save_schedule_dont_btn_id   { left:295px; top:136px; width:190px; }

.sss_ios#should_save_schedule_cancel_btn_id { left:495px; top:136px; width:100px; }
                    



.sss_ios_small#should_save_schedule_div_id { left:5px; top:3px; height:240px;  width:300px; 
                                        background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%; }

.sss_ios_small#should_save_schedule_msg_id { color:white; position:absolute; left: 5px; top: 15px; width:290px; font-size:18px; text-align:center; }

.sss_ios_small#should_save_schedule_server_btn_id { left:20px; top:90px; width:260px; }

.sss_ios_small#should_save_schedule_dont_btn_id   { left:20px; top:140px; width:260px; }

.sss_ios_small#should_save_schedule_cancel_btn_id { left:20px; top:190px; width:260px; }
  

                  

/******************** CSS for Server File Open/Save Dialog  ****************************/

#file_save_open_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01);
    height:100%;  width:100%;  min-width:1015px;  z-index:95;  /* z-index should be just below the keyboards. */
}

#file_save_open_div_id    { position:absolute; display:none; background-color:#dddddd; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:96; }
.fso_std#file_save_open_div_id { left:5px; top:3px; height:370px;  width:750px;  background-color:#00496e;
                                 background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;}

p.fso_std#fso_title_id          { position:absolute; left:5px; top:3px; height:35px; width:740px;  color:White; font-size:20px; text-align:center; }

.fso_back_btn_enabled           { background-image:url('../Images/fileBackBtn.png'); background-repeat:no-repeat; background-size:auto; }
.fso_back_btn_disabled          { background-image:url('../Images/fileBackBtnDisabled3.png'); background-repeat:no-repeat; background-size:auto; }
.fso_std#fso_path_back_btn_id   { position:absolute; left:20px; top:30px; height:35px; width:30px; background-color:transparent; color:#555555; border:0px; }

p.fso_std#fso_path_id           { position:absolute; left:50px; top:33px; width:683px; height:38px; color:white; font-size:16px; text-align:left; border:0px; background-color:transparent; }
textarea.fso_std#fso_path_id    { position:absolute; left:50px; top:33px; width:683px; max-height:38px; color:white; font-size:16px; text-align:left; 
                                  border:0px; background-color:transparent; font-size:16px; font-family:Arial, Helvetica, Verdana, sans-serif; 
                                  scrollbar-base-color:#004c73; scrollbar-track-color:#004c73; scrollbar-face-color:#004c73; scrollbar-arrow-color:#00496e; }

#fso_filler_div_id          { max-height:8px; padding:0px; }
.fso_std#fso_inner_div_id   { position:absolute; overflow:scroll; left:18px; top:80px; height:230px; width:582px; border:0px solid #00496e; border-radius: 10px;  
                              z-index:1000; background-color:#eeeeee; padding:0px 0px 0px 5px;}

p.fso_std#fso_document_name_label_id { position:absolute; left:10px; top:330px; height:35px; width:140px; color:white; font-size:16px; text-align:right; display:inline-block; }
.fso_std#fso_document_name_div_id    { position:absolute; left:158px; top:330px; height:25px; width:420px; border:0px solid #bbbbbb; padding: 0px 4px 0px 4px; 
                                       background-color:white; text-align:left; }
.fso_std#fso_document_name_id        { position:relative; left:0px; top:0px; height:25px; width:420px; font-size:16px; border:0px; background-color:transparent; }
.fso_input_div#fso_document_name_div_id  { overflow:hidden; }

.fso_button { position:absolute; height:40px; font-size:14px; border: 0px; 
              background-color:transparent; color:#555555; background-image:url('../Images/button_gray_large.png');  
              background-repeat:no-repeat; background-size:100% 100%; }
.fso_std#fso_new_folder_btn_id   { left:615px; top:110px; width:120px; }
.fso_std#fso_rename_btn_id       { left:615px; top:155px; width:120px; }
.fso_std#fso_delete_btn_id       { left:615px; top:200px; width:120px; }
.fso_std#fso_cancel_btn_id       { left:615px; top:245px; width:120px; }
.fso_std#fso_open_or_save_btn_id { left:615px; top:323px; width:120px; }

/*
.fso_folder_div     { padding:0px 10px;  max-height:30px; overflow:hidden; max-width:1000px; }
.fso_folder_name        { padding:8px 5px 0px 35px; font-size:15px; background-color:transparent; width:1000px;
                          background-image:url('../Images/folder.png'); background-repeat:no-repeat; background-size:contain; }
.fso_shared_folder_name { padding:8px 5px 0px 35px; font-size:15px; background-color:transparent; width:1000px; color:#cc2507;      /*blue = #0192d4,  green = #08a80c */
/*                          background-image:url('../Images/folder.png'); background-repeat:no-repeat; background-size:contain; }

.fso_file_div       { padding:0px 10px; max-height:30px; overflow:hidden; max-width:1000px; }
.fso_file_name      { padding:5px 5px 0px 35px; font-size:15px; background-color:transparent; width:1000px;
                      background-image:url('../Images/TValue6Logo.png'); background-repeat:no-repeat; background-size:25px; }
*/

.fso_folder_div     { padding:0px 20px 0px 30px;  height:30px; overflow:hidden;
                      background-image:url('../Images/folder.png'); background-repeat:no-repeat; background-size:32px;}

.fso_folder_name        { position:relative; top:5px; padding:0px 5px 0px 5px; font-size:15px; background-color:transparent; width:10px; white-space:nowrap; }
.fso_shared_folder_name { position:relative; top:5px; padding:0px 5px 0px 5px; font-size:15px; background-color:transparent; width:10px; color:#cc2507; 
                          display:inline; white-space:nowrap;}

.fso_file_div       { padding:0px 20px 0px 30px; height:30px; overflow:hidden;
                      background-image:url('../Images/TValue6Logo.png'); background-repeat:no-repeat; background-size:28px;}
.fso_file_name      { position:relative; top:5px; padding:0px 5px 0px 5px; font-size:15px; background-color:transparent; width:10px; white-space:nowrap; }



/******************** CSS for Server File Open/Save Dialog - Small  ****************************/
.fso_small#file_save_open_div_id { left:5px; top:3px; height:310px;  width:470px;  background-color:#00496e;
                                       background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;}

p.fso_small#fso_title_id          { position:absolute; left:5px; top:3px; height:35px; width:470px;  color:White; font-size:18px; text-align:center; }

.fso_small#fso_path_back_btn_id   { position:absolute; left:10px; top:33px; height:35px; width:30px; background-color:transparent; color:#555555; border:0px; }

p.fso_small#fso_path_id           { position:absolute; left:40px; top:33px; width:380px; height:38px; color:white; font-size:16px; text-align:left; border:0px; background-color:transparent; }
textarea.fso_small#fso_path_id    { position:absolute; left:40px; top:33px; width:380px; max-height:38px; color:white; font-size:16px; text-align:left; 
                                  border:0px; background-color:transparent; font-size:16px; font-family:Arial, Helvetica, Verdana, sans-serif; 
                                  scrollbar-base-color:#004c73; scrollbar-track-color:#004c73; scrollbar-face-color:#004c73; scrollbar-arrow-color:#00496e; }

.fso_small#fso_inner_div_id   { position:absolute; overflow:scroll; left:10px; top:80px; height:175px; width:335px; border:0px solid #00496e; border-radius: 10px;  
                              z-index:1000; background-color:#eeeeee; padding:0px 0px 0px 5px;}

p.fso_small#fso_document_name_label_id { position:absolute; left:10px; top:270px; height:35px; width:85px; color:white; font-size:16px; text-align:right; display:inline-block; }

.fso_small#fso_document_name_div_id        { position:absolute; left:100px; top:270px; height:25px; min-width:230px;  max-width:230px; border:0px solid #bbbbbb; padding: 0px 4px 0px 4px; 
                                             background-color:white; text-align:left; display: inline; overflow:hidden; vertical-align:top; }
.fso_small#fso_document_name_div_id  p     { text-align:left; padding-left:2px; padding-right:2px; white-space:nowrap; line-height:25px;}
.fso_small#fso_document_name_div_id  span  { text-align:left; padding-left:0px; padding-right:0px; white-space:nowrap; line-height:25px; display:inline}

.fso_small#fso_document_name_id        { position:relative; left:0px; top:0px; height:25px; min-width:230px;  max-width:230px; font-size:16px; border:0px; 
                                         background-color:transparent; white-space:nowrap; }

.fso_small#fso_new_folder_btn_id   { left:360px; top:80px; width:100px; height:35px;}
.fso_small#fso_rename_btn_id       { left:360px; top:120px; width:100px; height:35px;}
.fso_small#fso_delete_btn_id       { left:360px; top:160px; width:100px; height:35px;}
.fso_small#fso_cancel_btn_id       { left:360px; top:200px; width:100px; height:35px;}
.fso_small#fso_open_or_save_btn_id { left:360px; top:265px; width:100px; height:35px;}


/******************** CSS for Server New Folder Dialog  ****************************/

#new_folder_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01);
    height:100%;  width:100%;  min-width:1015px;  z-index:97;  /* z-index should be just below the keyboards, but above "file_save_open_div_id". */
}

#new_folder_div_id    { position:absolute; display:none; background-color:#dddddd; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }
.snf_std#new_folder_div_id { left:5px; top:3px; height:180px;  width:295px;  background-color:#00496e;
                                       background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;}

p.snf_std#snf_title_id          { position:absolute; left:5px; top:7px; height:35px; width:285px;  color:White; font-size:20px; text-align:center; }

.snf_std#snf_inner_div_id   { position:absolute; overflow:scroll; left:18px; top:40px; height:80px; width:260px; border:0px solid #00496e; border-radius: 10px;  
                              z-index:1000; background-color:#eeeeee; overflow:hidden; }

p.snf_std#snf_folder_name_label_id { position:absolute; left:10px; top:10px; height:35px; width:140px; color:#555555; font-size:16px; text-align:left; display:inline-block; }
.snf_std#snf_folder_name_div_id    { position:absolute; left:10px; top:40px; height:25px; width:230px; border:0px solid #bbbbbb; padding: 0px 4px 0px 4px; 
                                       background-color:white; text-align:left; overflow:hidden; }
.snf_std#snf_folder_name_id        { position:relative; left:0px; top:0px; height:25px; width:230px; font-size:16px; border:0px; background-color:transparent; }

.snf_button { position:absolute; height:40px; font-size:14px; border: 0px; 
              background-color:transparent; color:#555555; background-image:url('../Images/button_gray_large.png');  
              background-repeat:no-repeat; background-size:100% 100%; }
.snf_std#snf_ok_btn_id       { left:33px; top:130px; width:100px; }
.snf_std#snf_cancel_btn_id   { left:166px; top:130px; width:100px; }




/******************** CSS for Server Rename Dialog  ****************************/

#rename_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01);
    height:100%;  width:100%;  min-width:1015px;  z-index:97;  /* z-index should be just below the keyboards, but above "file_save_open_div_id". */
}

#rename_div_id    { position:absolute; display:none; background-color:#dddddd; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }
.sr_std#rename_div_id { left:5px; top:3px; height:180px;  width:295px;  background-color:#00496e;
                                       background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;}

p.sr_std#sr_title_id          { position:absolute; left:5px; top:7px; height:35px; width:285px;  color:White; font-size:20px; text-align:center; }

.sr_std#sr_inner_div_id   { position:absolute; overflow:scroll; left:18px; top:40px; height:80px; width:260px; border:0px solid #00496e; border-radius: 10px;  
                              z-index:1000; background-color:#eeeeee; overflow:hidden; }

p.sr_std#sr_name_label_id { position:absolute; left:10px; top:10px; height:35px; width:140px; color:#555555; font-size:16px; text-align:left; display:inline-block; }
.sr_std#sr_name_div_id    { position:absolute; left:10px; top:40px; height:25px; width:230px; border:0px solid #bbbbbb; padding: 0px 4px 0px 4px; 
                                       background-color:white; text-align:left; overflow:hidden; }
.sr_std#sr_name_id        { position:relative; left:0px; top:0px; height:25px; width:230px; font-size:16px; border:0px; background-color:transparent; }

.sr_button { position:absolute; height:40px; font-size:14px; border: 0px; 
              background-color:transparent; color:#555555; background-image:url('../Images/button_gray_large.png');  
              background-repeat:no-repeat; background-size:100% 100%; }
.sr_std#sr_ok_btn_id       { left:33px; top:130px; width:100px; }
.sr_std#sr_cancel_btn_id   { left:166px; top:130px; width:100px; }





/******************** CSS for Email  ****************************/

#email_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#email_div_id    { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }

#email_div_id input[type=text]  { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px; }
#email_div_id input[type=email] { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px; }
#email_div_id textarea          { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px;
                                  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }

/******************** For Amortization Schedule. Std. ****************************/
.em_ios_input_div  { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; background-color:White; text-align:left; }
.em_input_div      { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; text-align:left; }
.em_input          { position:relative; left:-4px; top:-4px; height:20px; font-size:16px; }
.em_ios_input      { position:relative; left:4px; top:6px; height:20px; font-size:16px; }


.em_std#email_div_id { left:5px; top:3px; height:309px;  width:510px; background-color:#00496e;  
                          background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%; }

.em_std#em_inner_div_id { left:20px; top:40px; height:220px; width:470px; border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

.em_std#email_div_id p      { color:#555555; position:absolute; font-size:16px;}
.em_std#email_div_id b      { color:#555555; position:absolute; padding:4px; }
.em_std#email_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; font-size:16px;}


.em_std#em_ok_btn_id { position:absolute; left:100px; top:267px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }
                    
.em_std#em_cancel_btn_id { position:absolute; left:300px; top:267px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }

p.em_std#em_title_id { left:5px; top:7px; width:510px; position:absolute; color:White; font-size:20px; text-align:center; }

.em_std#em_to_label_id          { left:20px; top:19px; width:40px; }
.em_std#em_to_div_id            { left:65px; top:15px; width:375px; }   
.em_ios_input_div#em_to_div_id  { overflow:hidden; }
.em_std#em_to_id                { width:375px; }

.em_std#em_subject_label_id          { left:20px; top:59px; width:40px; }
.em_std#em_subject_div_id            { left:65px; top:55px; width:375px; }   
.em_ios_input_div#em_subject_div_id  { overflow:hidden; }
.em_std#em_subject_id                { width:375px; }

.em_std#em_msg_label_id         { left:20px; top:95px; width:40px; }
.em_std#em_msg_div_id           { left:65px; top:95px; width:375px; height: 100px;   }
.em_std#em_msg_id               { width:375px; height: 100px; }



/******************** For Amortization Schedule. Small mobile windows. ****************************/

.em_small#email_div_id { left:0px; top:3px; height:314px;  width:476px; background-color:#00496e;  
                          background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%; }

.em_small#em_inner_div_id { left:20px; top:40px; height:230px; width:435px; border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

.em_small#email_div_id p      { color:#555555; position:absolute; font-size:16px;}
.em_small#email_div_id b      { color:#555555; position:absolute; padding:4px; }
.em_small#email_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; font-size:16px;}


.em_small#em_ok_btn_id { position:absolute; left:90px; top:275px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }
                    
.em_small#em_cancel_btn_id { position:absolute; left:280px; top:275px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }

p.em_small#em_title_id { left:5px; top:7px; width:460px; position:absolute; color:White; font-size:20px; text-align:center; }

.em_small#em_to_label_id          { left:10px; top:19px; width:40px; }
.em_small#em_to_div_id            { left:55px; top:15px; width:355px; }   
.em_small#em_to_id                { width:355px; }

.em_small#em_subject_label_id     { left:10px; top:59px; width:40px; }
.em_small#em_subject_div_id       { left:55px; top:55px; width:355px; }
.em_small#em_subject_id           { width:355px; }

.em_small#em_msg_label_id         { left:10px; top:95px; width:40px; }
.em_small#em_msg_div_id           { left:55px; top:95px; width:355px; height: 110px;   }
.em_small#em_msg_id               { width:355px; height: 110px; }



/******************** For Email TValue document.  ****************************/
#email_document_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#email_document_div_id    { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }

#email_document_div_id input[type=text]  { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px; }
#email_document_div_id input[type=email] { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px; }
#email_document_div_id textarea          { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px;
                                            font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }


.emd_ios_input_div  { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; background-color:White; text-align:left; }
.emd_input_div      { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; text-align:left; }
.emd_input          { position:relative; left:-4px; top:-4px; height:20px; font-size:16px; }
.emd_ios_input      { position:relative; left:4px; top:6px; height:20px; font-size:16px; }


.emd_std#email_document_div_id { left:5px; top:3px; height:309px;  width:510px; background-color:#00496e;  
                          background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%; }

.emd_std#emd_inner_div_id { left:20px; top:35px; height:225px; width:470px; border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

.emd_std#email_document_div_id p      { color:#555555; position:absolute; font-size:16px;}
.emd_std#email_document_div_id b      { color:#555555; position:absolute; padding:4px; }
.emd_std#email_document_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; font-size:16px;}


.emd_std#emd_ok_btn_id { position:absolute; left:100px; top:267px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }
                    
.emd_std#emd_cancel_btn_id { position:absolute; left:300px; top:267px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }

p.emd_std#emd_title_id { left:5px; top:3px; width:510px; position:absolute; color:White; font-size:20px; text-align:center; }

.emd_std#emd_version_label_id     { left:125px; top:8px; width:70px; position:absolute;}
.emd_std#emd_version6_id          { left:200px; top:8px; width:20px; position:absolute;}
.emd_std#emd_version6_label_id    { left:225px; top:8px; width:50px; position:absolute;}
.emd_std#emd_version5_id          { left:285px; top:8px; width:20px; position:absolute;}
.emd_std#emd_version5_label_id    { left:310px; top:8px; width:50px; position:absolute;}

.emd_std#emd_to_label_id          { left:20px; top:39px; width:40px; }
.emd_std#emd_to_div_id            { left:65px; top:35px; width:375px; }   
.emd_ios_input_div#emd_to_div_id  { overflow:hidden; }
.emd_std#emd_to_id                { width:375px; }

.emd_std#emd_subject_label_id          { left:20px; top:74px; width:40px; }
.emd_std#emd_subject_div_id            { left:65px; top:70px; width:375px; }   
.emd_ios_input_div#emd_subject_div_id  { overflow:hidden; }
.emd_std#emd_subject_id                { width:375px; }

.emd_std#emd_msg_label_id         { left:20px; top:105px; width:40px; }
.emd_std#emd_msg_div_id           { left:65px; top:105px; width:375px; height: 100px; }
.emd_std#emd_msg_id               { width:375px; height: 100px; }


/******************** For Email TValue Document. Small mobile windows. ****************************/

.emd_small#email_document_div_id { left:0px; top:3px; height:314px;  width:476px; background-color:#00496e;  
                          background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%; }

.emd_small#emd_inner_div_id { left:20px; top:40px; height:230px; width:435px; border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

.emd_small#email_document_div_id p      { color:#555555; position:absolute; font-size:16px;}
.emd_small#email_document_div_id b      { color:#555555; position:absolute; padding:4px; }
.emd_small#email_document_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; font-size:16px;}


.emd_small#emd_ok_btn_id { position:absolute; left:90px; top:275px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }
                    
.emd_small#emd_cancel_btn_id { position:absolute; left:280px; top:275px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }

p.emd_small#emd_title_id { left:5px; top:7px; width:460px; position:absolute; color:White; font-size:20px; text-align:center; }
/*
.emd_small#emd_to_label_id          { left:10px; top:19px; width:40px; }
.emd_small#emd_to_div_id            { left:55px; top:15px; width:355px; }   
.emd_small#emd_to_id                { width:355px; }

.emd_small#emd_subject_label_id     { left:10px; top:59px; width:40px; }
.emd_small#emd_subject_div_id       { left:55px; top:55px; width:355px; }
.emd_small#emd_subject_id           { width:355px; }

.emd_small#emd_msg_label_id         { left:10px; top:95px; width:40px; }
.emd_small#emd_msg_div_id           { left:55px; top:95px; width:355px; height: 110px;   }
.emd_small#emd_msg_id               { width:355px; height: 110px; }
*/

.emd_small#emd_version_label_id     { left:105px; top:8px; width:70px; position:absolute;}
.emd_small#emd_version6_id          { left:180px; top:8px; width:20px; position:absolute;}
.emd_small#emd_version6_label_id    { left:205px; top:8px; width:50px; position:absolute;}
.emd_small#emd_version5_id          { left:265px; top:8px; width:20px; position:absolute;}
.emd_small#emd_version5_label_id    { left:290px; top:8px; width:50px; position:absolute;}

.emd_small#emd_to_label_id          { left:10px; top:39px; width:40px; }
.emd_small#emd_to_div_id            { left:55px; top:35px; width:355px; }   
.emd_small#emd_to_id                { width:355px; }

.emd_small#emd_subject_label_id     { left:10px; top:74px; width:40px; }
.emd_small#emd_subject_div_id       { left:55px; top:70px; width:355px; }   
.emd_small#emd_subject_id           { width:355px; }

.emd_small#emd_msg_label_id         { left:10px; top:105px; width:40px; }
.emd_small#emd_msg_div_id           { left:55px; top:105px; width:355px; height: 100px; }
.emd_small#emd_msg_id               { width:355px; height: 100px; }



/******************  CSS for the iconbars, both the main iconbar and the amortization iconbar ***************************/

.iconbar  { position:relative; margin:0px; padding:0px; background-image:url('../Images/icon_bar_screen_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%;
            width:100%; height:40px; overflow:hidden; display:table; }
.amort_iconbar  { position:relative; margin:0px; padding:0px; background-image:url('../Images/icon_bar_screen_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%;
                  width:100%; height:40px; overflow:hidden; display:table; }

button.iconbar_btn  { height:100%;  font-size: 15px;  color: #555555;   margin:0px;   padding:0px;  border:0px;  background-color:transparent; 
                      background-repeat:no-repeat;  background-position:right top;   margin-right:5px;  margin-top:4px;  text-align:left; }

button.amort_iconbar_btn  { height:100%;  font-size: 15px;  color: #555555;   margin:0px;   padding:0px;  border:0px;  background-color:transparent; 
                            background-repeat:no-repeat;  background-position:right top;   margin-right:5px;  margin-top:4px;  text-align:left; }

#iconbar_row_id  {position: absolute; } 
.iconbar_row { display: table-row; overflow:hidden; }
.iconbar_div { display: table-cell; height:36px; padding-left:30px;}

#amort_iconbar_row_id  {position: absolute; } 
.amort_iconbar_row { display: table-row; overflow:hidden; }
.amort_iconbar_div { display: table-cell; height:36px; padding-left:30px;}


#more_popup_div_id {position:absolute; display:none; padding-left:10px; margin-left: 0px; z-index:100; width:170px; height:180px; 
                    background-color:#dddddd; overflow:hidden; border: 2px solid #eeeeee; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb; border-radius: 5px; }
.popup_div_id {display:block; height: 40px; }

#amort_more_popup_div_id {position:absolute; display:none; padding-left:10px; margin-left: 0px; z-index:100; width:180px; height:180px; 
                    background-color:#dddddd; overflow:hidden; border: 2px solid #eeeeee; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb; border-radius: 5px; }
.amort_popup_div_id {display:block; height: 40px; }


#div_options_id {padding-left:15px; }
#div_calculate_id { padding-left:20px; }

.iconbar_calculate   { background-image:url('../Images/calculate_icon_32x32.png'); width:99px;}
.iconbar_insert      { background-image:url('../Images/insert_icon_32x32.png'); width:76px; }
.iconbar_delete      { background-image:url('../Images/delete_icon_32x32.png'); width:77px; }
.iconbar_expand      { background-image:url('../Images/expand_icon_32x32.png'); width:87px; }
.iconbar_compress    { background-image:url('../Images/compress_icon_32x32.png');width:102px; }
.iconbar_sort        { background-image:url('../Images/sort_icon_32x32.png'); width:63px; }
.iconbar_rounding    { background-image:url('../Images/rounding_icon_32x32.png'); width:97px; }
.iconbar_balance     { background-image:url('../Images/balance_icon_32x32.png'); width:89px; }
.iconbar_totals      { background-image:url('../Images/totals_icon_32x32.png'); width:71px;}
.iconbar_options     { background-image:url('../Images/compute_settings.png'); width:159px; }
.iconbar_input_setup { background-image:url('../Images/EventInsert2.png'); width:116px; }
.iconbar_event_names { background-image:url('../Images/Text.png'); width:120px; }
.iconbar_restore     { background-image:url('../Images/restore_unknowns_icon_32x32.png'); width:149px; }
.iconbar_special_series           { background-image:url('../Images/specialseries_icon_32x32.png'); width:149px; }
.iconbar_special_series_iconbar   { background-image:url('../Images/specialseries_icon_32x32.png'); width:149px; }
.iconbar_loan_details             { background-image:url('../Images/LoanDetails_icon_32x32.png'); width:140px; }
.iconbar_loan_details_iconbar     { background-image:url('../Images/LoanDetails_icon_32x32.png'); width:140px; }

.iconbar_more        { background-image:url('../Images/down_arrow.png');  width:55px; } 
#div_more_id         { padding-right:20px; }

.amort_iconbar_more  { background-image:url('../Images/down_arrow.png');  width:55px; } 
#div_amort_more_id   { padding-right:20px; }


.iconbar_include      { background-image:url('../Images/settings_32.png'); width:85px;}
.iconbar_format       { background-image:url('../Images/reportformat_icon_32x32.png'); width:82px;}
.iconbar_copy         { background-image:url('../Images/Excel32.png'); width:75px;}
.iconbar_word         { background-image:url('../Images/Word32.png'); width:73px;}
.iconbar_csv          { background-image:url('../Images/CSV32.png'); width:55px;}
.iconbar_display_pdf  { background-image:url('../Images/PDF.png'); width:140px;}
.iconbar_email_pdf    { background-image:url('../Images/mail.png'); width:102px;}
.iconbar_report_range { background-image:url('../Images/reportrange_icon_32x32.png'); width:120px;}
.iconbar_fiscal_year  { background-image:url('../Images/down_arrow.png'); width:175px;}

#fiscal_year_background_id { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  
}

#fiscal_year_div_id { display:none; border:2px solid #bbbbbb; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb; border-radius: 7px; 
                      position:absolute; top:75px; height: 560px; width: 175px; z-index:1000; background-color:#eeeeee; }

button.fiscal_year_btn  { height:40px; width:170px; font-size: 15px;  color: #555555;   margin:0px;   padding:0px;  border:0px solid red;  background-color:transparent; 
                          text-align:center; }
button.fiscal_year_selected_btn  { height:40px; width:170px; font-size: 15px; font-weight:bold; color: #555555;   margin:0px;   padding:0px;  
                                   border:0px solid red;  background-color:transparent; text-align:center; }
button.fiscal_year_btn2 { height:40px; width:170px; font-size: 15px;  color: #0192d4;   margin:0px;   padding:0px;  border:0px solid red;  background-color:transparent; 
                          text-align:center; }
.fiscal_year_btn_div { border: 0px; }



/******************  CSS for the label area ***************************/
.above_cfm_label_area   { max-height:20px; background-color: transparent;  }
.cfm_label_area         { width:100%; min-height:30px; max-height:30px; background-color:transparent; display:block; }  

 .cfm_label_area p       { white-space:nowrap; position:relative; top: 0px; background-color:rgba(0, 0, 0, 0.01); } /* background-color can't be transparent for ios input. */
                       
.cfm_label_area span    { color:#0192d4; text-align:left; line-height:25px; font-size:18px; font-style:normal; max-height:25px; min-height:25px; margin:0px; padding:0px; 
                          border:0px; white-space:nowrap; background-color:rgba(0, 0, 0, 0.01); border-right:1px solid rgba(0, 0, 0, 0.01);
                          position:relative; top: 0px;
                        }

.cfm_label_area input   {  position:relative; top:-3px; color:#0192d4; text-align:left; font-size:18px; height:30px; border-width: 0px; margin:0px;  padding:0px; background-color: transparent;}


#cfm_label_area_div_id      { position:relative; }

.la_std#compounding_label_div_id   { position:absolute; left:5px; top:0px; height:35px; width:200px; font-size:18px; text-align:right; color:#555555;}
.la_std#compounding_div_id         { position:absolute; left:205px; top:0px; height:30px; width:120px; font-size:18px; text-align:left; color:#0192d4;}
.la_std#compounding_input          { position:relative; left:0px; top:0px; height:30px; width:120px; font-size:18px; padding:1px 4px 1px 4px; color:#0192d4; text-align:left;}
p#compounding_input                { color: #0192d4; }

.la_std#rate_label_div_id   { position:absolute; left:330px; top:0px; height:35px; width:190px; font-size:18px; text-align:right; color:#555555;}
.la_std#rate_div_id         { position:absolute; left:523px; top:0px; height:30px; width:140px; font-size:18px; text-align:left; color:#0192d4;}
.la_std#rate_input          { position:relative; left:0px; top:0px; height:30px; width:140px; font-size:18px; padding:1px 4px 1px 4px; color:#0192d4; text-align:left;}
input.rate_input            { width: 140px; }
p#rate_input                { color: #0192d4; }

.la_std#rate_popup_btn_div_id   { position:absolute; left:670px; top:0px; height:24px; width:24px; font-size:18px; text-align:center; color:#555555;}
.la_std#rate_popup_btn_id       { position:relative; top:0px; height:24px; width:24px; min-width:24px; font-size:18px; background-color:transparent; color:#555555;
                                   background-image:url('../Images/button_gray_double_greater_than-24x24.png');  background-repeat:no-repeat; border: 0px; }

.la_std#label_label_div_id   { position:absolute; left:700px; top:0px; height:35px; width:65px; font-size:18px; text-align:right; color:#555555;}
.la_std#label_div_id         { position:absolute; left:770px; top:0px; height:30px; width:350px; font:18px; text-align:left; color:#0192d4; vertical-align:top; }
.la_std#label_input          { position:relative; height:30px; width:350px; min-width:350px; font-size:18px; padding:1px 4px 1px 4px; color:#0192d4; text-align:left;}

.la_std#label_popup_btn_div_id   { position:absolute; left:970px; top:0px; height:24px; width:24px; font-size:18px; text-align:center; color:#555555;}
.la_std#label_popup_btn_id       { position:relative; top:0px; height:24px; width:24px; min-width:24px; font-size:18px; background-color:transparent; color:#555555;
                                   background-image:url('../Images/button_gray_double_greater_than-24x24.png');  background-repeat:no-repeat; border: 0px; }

.la_std#ios_label_div_id     { position:absolute; left:770px; top:0px; height:30px;  width:100px;
                               overflow:hidden; display:inline-block; font:18px; text-align:left; color:#0192d4; vertical-align:top; }

.la_std#ios_label_input      { position:relative; height:30px; width:100px; white-space:nowrap; 
                               font-size:18px; padding:1px 4px 1px 4px; color:#0192d4; text-align:left;}

p#label_input                { color: #0192d4; align-content:center; }




/******************  CSS for the label area - Small screen ***************************/

.la_small#compounding_label_div_id   { position:absolute; left:5px; top:3px; height:35px; width:140px; font-size:18px; text-align:right; color:#555555;}
.la_small#compounding_div_id         { position:absolute; left:146px; top:3px; height:30px; width:135px; font-size:18px; text-align:left; color:#0192d4;}
.la_small#compounding_input          { position:relative; left:0px; top:0px; height:30px; width:150px; font-size:18px; padding:1px 4px 1px 4px; 
                                       color:#0192d4; text-align:left;}

.la_small#rate_label_div_id   { position:absolute; left:287px; top:3px; height:35px; width:70px; font-size:18px; text-align:right; color:#555555;}
.la_small#rate_div_id         { position:absolute; left:400px; top:3px; height:30px; width:125px; font-size:18px; text-align:left; color:#0192d4;}
.la_small#rate_input          { position:relative; left:0px; top:0px; height:30px; width:125px; font-size:18px; padding:1px 4px 1px 4px; 
                                color:#0192d4; text-align:left;}

.la_small#rate_popup_btn_div_id   { position:absolute; left:540px; top:0px; height:24px; width:24px; font-size:18px; text-align:center; color:#555555;}
.la_small#rate_popup_btn_id       { position:relative; top:4px; height:24px; width:24px; min-width:24px; font-size:18px; background-color:transparent; color:#555555;
                                   background-image:url('../Images/button_gray_double_greater_than-24x24.png');  background-repeat:no-repeat; border: 0px; }

.la_small#label_label_div_id   { position:absolute; left:575px; top:3px; height:35px; width:60px; font-size:18px; text-align:right; color:#555555;}

.la_small#ios_label_div_id        { position:absolute; left:640px; top:3px; height:30px; width:320px; font-size:18px; text-align:left; color:#0192d4; 
                                    overflow:hidden;}
.la_small#ios_label_div_id  p     { text-align:left; padding-left:4px; padding-right:4px; white-space:nowrap; }
.la_small#ios_label_div_id  span  { text-align:left; padding:0px 0px 4px 0px; white-space:nowrap; display:inline; }

.la_small#ios_label_input      { position:relative; height:30px; width:350px; font-size:18px; padding:1px 4px 1px 4px; color:#0192d4; text-align:left; 
                                 white-space:nowrap; }

.la_small#label_popup_btn_div_id   { position:absolute; left:970px; top:0px; height:30px; width:30px; font-size:18px; text-align:center; color:#555555;}
.la_small#label_popup_btn_id       { position:relative; top:4px; height:24px; width:24px;  font-size:18px; background-color:transparent; color:#555555;
                                   background-image:url('../Images/button_gray_double_greater_than-24x24.png');  background-repeat:no-repeat; border: 0px; }



/******************  CSS for the label Popup ***************************/
#label_display_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#label_display_div_id    { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }
#ld_inner_div_id { left:20px; top:40px; height:180px; width:670px; border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#label_display_div_id textarea  { color:#555555; background-color:White; padding:4px; border:0px; text-align:left; font-size:16px;
                                  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
.ld_std#label_display_div_id { left:5px; top:3px; height:269px;  width:710px; background-color:#00496e;  
                               background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%; }


.ld_std#ld_save_btn_id { position:absolute; left:150px; top:227px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }
                    
.ld_std#ld_cancel_btn_id { position:absolute; left:460px; top:227px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }

p.ld_std#ld_label_id { left:5px; top:7px; width:710px; position:absolute; color:White; font-size:20px; text-align:center; }

.ld_std#ld_textarea_div_id      { position:absolute; left:15px; top:15px; width:635px; }
.ld_std#ld_textarea_id          { width:635px; height:140px; }



/************** CSS for Label Popup - For small mobile windows  ********/

.ld_small#label_display_div_id { left:5px; top:3px; height:180px;  width:300px; background-color:#eeeeee; border: 2px solid #00496e; overflow:scroll; }

.ld_small#ld_save_btn_id { position:absolute; left:5px; top:3px; height:35px; width:70px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.ld_small#ld_cancel_btn_id { position:absolute; left:225px; top:3px; height:35px; width:70px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}

p.ld_small#ld_label_id { left:70px; top:7px; width:160px; position:absolute; color:#555555; font-size:20px; text-align:center; }

.ld_small#ld_textarea_div_id { position:absolute; left:10px; top:55px; width:270px; }
.ld_small#ld_textarea_id     { width:270px; height: 100px; }





/******************  CSS for the cfm header ***************************/
.cfm_grid_header
{
 height:30px;
 margin: 0px;
 padding: 0px;
 background-color: #4b6c9e;
 background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');
 background-repeat:no-repeat;
 background-size:100% 100%;
 width: 100%; 
 background-color:#00496e;
}

.cfm_grid_header table  { height: 30px; } 
.cfm_grid_header p      { color: #ffffff; line-height:25px; font-size:13px; margin: 0px; padding: 0px; border: 0px; }
.cfm_grid_header td,tr  { height: 25px;}



/******************  CSS for the cfm grid ***************************/
.cfm_grid        
{
    width:100%;
    background-color: #ffffff; 
    font-size:16px; 
    overflow-y:scroll;
    overflow-x:visible; 
}


.cfm_grid p     { height:40px; position:relative; top: 0px; line-height:40px;}
.cfm_grid span  { height:40px; position:relative; top: 0px; line-height:40px;}
p.cfm_ios_p     { height:40px; position:relative; top: 0px; line-height:40px;}
span.cfm_ios_p  { height:40px; position:relative; top: 0px; line-height:40px;}
.cfm_grid input { height:40px; font-size:16px;  border-width: 0px; margin:0px; padding:0px 4px 0px 4px; background-color: transparent; color:#555555; }

.row_div_odd   { display:block; width:100%; min-height:40px; max-height:40px; background-color: #e7ebf5; }   /*#e7ebf5; #f0f3fa; background-color: rgba(244, 244, 244, 1.0);*/
.row_div_even  { display:block; width:100%; min-height:40px; max-height:40px; background-color: #ffffff; }


.row_num_heder          { min-width:47px;   max-width:47px; text-align:center; }
.event_header           { min-width:157px;  max-width:157px; text-align:center; }
.date_header            { min-width:100px;   max-width:100px; text-align:center; }
.date_lock_header       { min-width:20px;   max-width:20px; text-align:center; }
.amount_header          { min-width:160px;  max-width:160px; text-align:center; }
.amount_header_small    { min-width:122px;  max-width:122px; text-align:center; }
.number_header          { min-width:80px;   max-width:80px; text-align:center; }
.period_header          { min-width:132px;  max-width:132px; text-align:center; }
.end_date_header        { min-width:90px;   max-width:90px; text-align:center; }
.special_series_header  { min-width:150px;  max-width:150px; text-align:center; }
.memo_header            { width:100%; text-align:center; }

.row_num_div            { min-width:45px;   max-width:45px;  display:inline-block;  height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top; }
.event_div              { min-width:155px;  max-width:155px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.date_div               { min-width:100px;  max-width:100px; display: inline-block; height:40px; overflow:hidden; vertical-align:top;}
.date_lock_div          { min-width:20px;   max-width:20px;  display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.amount_div             { min-width:160px;  max-width:160px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.amount_div_small       { min-width:120px;  max-width:120px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.number_div             { min-width:80px;   max-width:80px;  display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.period_div             { min-width:130px;  max-width:130px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.end_date_div           { min-width:90px;   max-width:90px;  display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.special_series_div     { min-width:150px;  max-width:150px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.special_series_rate_div  { min-width:125px;  max-width:125px; display: inline-block; height:40px; overflow:hidden; vertical-align:top;}
.rate_popup_div         { min-width:25px;   max-width:25px;  display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; }
.memo_div               { min-width:60px; width:100%; display: inline-block; height:40px; border-right:0px solid #dadada; overflow:hidden; vertical-align:top;}

.rate_popup_btn         { margin-top:8px; height:24px; width:24px; min-width:24px; font-size:18px; background-color:transparent; color:#555555;
                         background-image:url('../Images/button_gray_double_greater_than-24x24.png');  background-repeat:no-repeat; border: 0px; }

.event_date_lock_28_btn    { margin-top:13px; height:32px; width:32px; min-width:32px; font-size:18px; background-color:transparent; color:#555555;
                         background-image:url('../Images/lock28_16.png');  background-repeat:no-repeat; border: 0px; }
.event_date_lock_29_btn    { margin-top:13px; height:32px; width:32px; min-width:32px; font-size:18px; background-color:transparent; color:#555555;
                         background-image:url('../Images/lock29_16.png');  background-repeat:no-repeat; border: 0px; }
.event_date_lock_30_btn    { margin-top:13px; height:32px; width:32px; min-width:32px; font-size:18px; background-color:transparent; color:#555555;
                         background-image:url('../Images/lock30_16.png');  background-repeat:no-repeat; border: 0px; }
.event_date_lock_Unlocked_btn    { margin-top:13px; height:32px; width:32px; min-width:32px; font-size:18px; background-color:transparent; color:#555555; border: 0px; }

.row_num_value          { min-width:45px;   max-width:45px;  text-align:center;} 
.event_value            { min-width:150px;  max-width:150px; text-align:left; padding-left:4px; height:24px; margin-top:8px; font-size:16px; border-width:0px; color: #555555; }
.date_value             { min-width:90px;   max-width:90px;  text-align:center; }
.amount_value           { min-width:155px;  max-width:155px; text-align:right; padding-right:4px; }
.amount_value_small     { min-width:120px;  max-width:120px; text-align:right; }
.number_value           { min-width:76px;   max-width:76px;  text-align:right; padding-right:4px; }
.period_value           { min-width:125px;  max-width:125px; text-align:center; padding-left:4px; height:24px; margin-top:8px; font-size:16px; border-width:0px; color: #555555;  }
.end_date_value         { min-width:90px;   max-width:90px;  text-align:center; margin-bottom:-5px;}
.special_series_value   { min-width:145px;  max-width:145px; text-align:center; padding-left:4px; height:24px; margin-top:8px; font-size:16px; border-width:0px; color: #555555; }
.memo_value             { min-width:60px; text-align:left; }


.row_num_div p         { text-align:center; }
.event_div p           { text-align:left; padding-left:4px; white-space:nowrap; }         
.date_div p            { text-align:center; padding-left:4px; padding-right:4px;}
.amount_div p          { text-align:right; padding-left:4px; padding-right:4px; }
.amount_div_small p    { text-align:right; padding-left:4px; padding-right:4px; }
.number_div p          { text-align:right; padding-left:4px; padding-right:4px;}
.period_div p          { text-align:center; }
.end_date_div p        { text-align:center; }
.special_series_div p  { text-align:center; }
.memo_div p            { text-align:left; padding-left:4px; padding-right:4px; white-space:nowrap; }
.memo_div span         { text-align:left; padding-left:0px; padding-right:0px; white-space:nowrap; }


.row_num_heder_ios          { min-width:50px;   max-width:50px; text-align:center; }
.event_header_ios           { min-width:145px;  max-width:145px; text-align:center; }
.date_header_ios            { min-width:100px;   max-width:100px; text-align:center; }
.date_lock_header_ios       { min-width:20px;   max-width:20px; text-align:center; }
.amount_header_ios          { min-width:160px;  max-width:160px; text-align:center; }
.number_header_ios          { min-width:70px;   max-width:70px; text-align:center; }
.period_header_ios          { min-width:100px;  max-width:100px; text-align:center; }
.end_date_header_ios        { min-width:90px;   max-width:90px; text-align:center; }
.special_series_header_ios  { min-width:135px;  max-width:135px; text-align:center; }
.memo_header_ios            { width:100%; text-align:center; }

.row_num_div_ios            { min-width:45px;   max-width:45px;  display:inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top; }
.event_div_ios              { min-width:145px;  max-width:145px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.date_div_ios               { min-width:100px;   max-width:100px;  display: inline-block; height:40px;  border-right:0px solid #dadada; overflow:hidden; vertical-align:top;}
.date_lock_div_ios          { min-width:20px;  max-width:20px; display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.amount_div_ios             { min-width:160px;  max-width:160px; display: inline-block; height:40px;  border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.number_div_ios             { min-width:70px;   max-width:70px;  display: inline-block; height:40px;  border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.period_div_ios             { min-width:100px;  max-width:100px; display: inline-block; height:40px;  border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.end_date_div_ios           { min-width:90px;   max-width:90px;  display: inline-block; height:40px; border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.special_series_div_ios     { min-width:135px;  max-width:135px; display: inline-block; height:40px;  border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.special_series_rate_div_ios   { min-width:110px;  max-width:110px; display: inline-block; height:40px; overflow:hidden; vertical-align:top;}
.rate_popup_div_ios         { min-width:25px;  max-width:25px; display: inline-block; height:40px;  border-right:1px solid #dadada; overflow:hidden; vertical-align:top;}
.memo_div_ios               { min-width:100px; width:100%; display: inline-block; height:40px; border-right:0px solid #dadada; overflow:hidden; vertical-align:top;}

.rate_popup_btn_ios         { margin-top:8px; height:24px; width:24px; min-width:24px; font-size:18px; background-color:transparent; color:#555555;
                             background-image:url('../Images/button_gray_double_greater_than-24x24.png');  background-repeat:no-repeat; border: 0px; }

.row_num_value_ios          { min-width:45px;   max-width:45px;  text-align:center;} 
.event_value_ios            { min-width:145px;  max-width:145px; text-align:left; padding-left:4px; height:24px; margin-top:8px; font-size:16px; border-width:0px; color: #555555; }
.date_value_ios             { min-width:100px;   max-width:100px;  text-align:center; }
.amount_value_ios           { min-width:160px;  max-width:160px; text-align:right; padding-right:4px; }
.number_value_ios           { min-width:70px;   max-width:70px;  text-align:right; padding-right:4px; }
.period_value_ios           { min-width:100px;  max-width:100px; text-align:center; padding-left:4px; height:24px; margin-top:8px; font-size:16px; border-width:0px; color: #555555;  }
.end_date_value_ios         { min-width:90px;   max-width:90px;  text-align:center; margin-bottom:-5px;}
.special_series_value_ios   { min-width:135px;  max-width:135px; text-align:center; padding-left:4px; height:24px; margin-top:8px; font-size:16px; border-width:0px; color: #555555; }
.memo_value_ios             { min-width:100px; text-align:left; }

.row_num_div_ios p         { text-align:center; }
.event_div_ios p           { text-align:left; padding-left:4px; white-space:nowrap; }     
.event_div_ios span        { text-align:left; padding-left:0px; white-space:nowrap; }         
.date_div_ios p            { text-align:center; padding-left:4px; padding-right:4px;}
.amount_div_ios p          { text-align:right; padding-left:4px; padding-right:4px; }
.amount_div_small_ios p    { text-align:right; padding-left:4px; padding-right:4px; }
.number_div_ios p          { text-align:right; padding-left:4px; padding-right:4px;}
.period_div_ios p          { text-align:center; }
.end_date_div_ios p        { text-align:center; }
.special_series_div_ios p  { text-align:center; }
.memo_div_ios p            { text-align:left; padding-left:4px; padding-right:4px; white-space:nowrap; }
.memo_div_ios span         { text-align:left; padding-left:0px; padding-right:0px; white-space:nowrap; }


.rate_change_event              { min-width:150px;  max-width:150px; text-align:left; padding-left:4px; font-size:16px; border-width:0px; color: #ef2323; }
.rate_change_date               { min-width:90px;   max-width:90px;  text-align:center; color: #ef2323;}

.rate_change_compounding_div    { min-width:315px;  max-width:155px; display: table-cell; height:100%; border-right:0px solid #dadada;}
.rate_change_compounding_label  { min-width:200px;  max-width:200px; text-align:right; font-size:16px; border-width:0px; color: #555555;}
.rate_change_compounding        { width:100%; text-align:left; padding-left:4px; font-size:16px; border-width:0px; color: #ef2323;}

.rate_change_rate_div           { min-width:270px;  max-width:155px; display: table-cell; height:100%; border-right:1px solid #dadada;}
.rate_change_rate_label         { min-width:220px;  max-width:220px; text-align:right; font-size:16px; border-width:0px; color: #555555;}
.rate_change_rate               { width:100%; text-align:left; padding-left:4px; font-size:16px; border-width:0px; color: #ef2323;}




/******************  CSS for the cfm add line  ***************************/
.cfm_grid_add_line { height:30px; margin: 0px; padding: 0px; background-color: #ffffff; width: 100%; 
                            border-top:solid 1px #dadada; border-bottom:solid 1px #888888;}

.cfm_grid_add_line table  { height:30px;  } 
.cfm_grid_add_line p      { color:#555555; line-height:25px; font-size:14px; margin:0px; padding: 0px; border: 0px; }
.cfm_grid_add_line td,tr  { height:30px;}


/******************  CSS for the cfm grid filler ***************************/
#cfm_grid_filler_id     { height:35px; margin: 0px; padding: 0px; border:0px; background-color: rgba(180, 180, 180, 1.0); width: 100%; }
#cfm_grid_filler_id p   { color:#555555; font-size:16px; margin:0px; padding: 0px; border: 0px; }




/******************  CSS for the bottom navigation ***************************/
.bottom_nav
{
 overflow:hidden;
 height:25px;
 min-height:25px;
 margin:0px;
 padding:0px;
 background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');
 background-repeat:no-repeat;
 background-size:100% 100%;
 width:100%; 
 background-color:#00496e;
}

.bottom_nav table { height:20px; }
.bottom_nav td,tr { height:18px; }
.bottom_nav p
{
 color: #04d2ff;
 font-size:16px;
 text-align:center;
 line-height:16px;
 margin:0px;
 padding:0px;
 border:0px;
}

/*.file_nav           { min-width:150px; min-width:150px; }
.blank_file_nav     { min-width:150px; min-width:150px; }
.settings_nav       { min-width:150px; min-width:150px; } */

.compute_type_nav   {}
.compute_type_nav p { text-align:left; font-style:italic;  white-space:nowrap; }
#compute_type_id    { padding-left:10px; cursor:pointer; }

.onscreen_trial_display    { width:100%; }
.onscreen_trial_display p  { text-align:center; font-style:italic; white-space:nowrap;}

.onscreen_keyboard_nav    { width:100%; }
.onscreen_keyboard_nav p  { text-align:center; font-style:italic; white-space:nowrap;}
#onscreen_keyboard_id     { cursor:pointer; }

.tvalue_name        { }
.tvalue_name p      { text-align:right; font-style:italic; padding-right:5px; white-space:nowrap;}
.nav_blank_area     { }


/******************** CSS for Special Series Popup ****************************/
#special_series_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#special_series_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; top:3px;  background-color:#00496e;
    left:0px; height:380px;  width:750px; z-index:1000;  background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');
    background-repeat:no-repeat; background-size:100% 100%;
}

#special_series_div_id p      { color:#555555; position:absolute; }
#special_series_div_id b      { color:#555555; position:absolute; padding:4px; }
#special_series_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; }

.ss_panel input[type=text]    { color:#555555; background-color:White; padding:4px; border:0px; text-align:right; }

.ss_label          { position:absolute; height:20px; font-size:14px; text-align:left; padding:7px 4px 4px 4px; }
.ss_ios_input_div  { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; background-color:White; overflow:hidden; text-align:right; }
.ss_input_div      { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; text-align:right; }
.ss_input          { position:relative; left:-4px; top:-4px; height:20px; font-size:14px; }
.ss_ios_input      { position:relative; height:20px; font-size:14px; }
  
.ss_checkbox        { position:absolute; left:115px; top:8px; }
.ss_checkbox_label  { position:absolute; left:135px; top:8px; color:#555555; height:20px; font-size:16px; } 

.ss_tabs { display: block; width: 100%; position:absolute; }
.ss_tab_row1 { left:75px; top:0px; z-index:1011; }
.ss_tab_row2 { left:65px; top:28px; z-index:1012; }

.ss_panels { display: block; width: 100%; position:absolute; left:0px; top:62px; z-index:1010; }

a.ss_tab { border-collapse: collapse; border-style: solid solid none solid; border-color: #555555; border-width: 1px 1px 0px 1px;
    padding: 5px 1em 5px 1em; margin-top: 6px; margin-right: 2px; font-family: arial; text-decoration: none; float: left;
    font-size:15px; color:#333333; background: #f0f0f0 url('../Images/tab_gradient.png'); 
    border-top-left-radius: 5px; border-top-right-radius:5px;
}

a.ss_selectedTab { padding-top:6px; margin-top:1px; color:#333333; border-width: 3px 1px 1px 1px; border-bottom: solid 4px #eeeeee; background:#eeeeee; }

.ss_panel  { position:relative; border: solid 1px #555555; height: 260px; width: 700px; padding: 5px; 
    overflow: auto; display:none; z-index:1013; top:1px; left: 20px;  background-color:#eeeeee;  border-radius: 10px;
}

.ss_selectedPanel { display: block; }


#ss_ok_btn_id     { position:absolute; left:225px; top:279px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
#ss_cancel_btn_id { position:absolute; left:425px; top:279px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}



/****  Normal Series  ****/
#total_payment_amount_label_id  { left:115px; top:50px; width:200px; }
#total_payment_amount_div_id    { left:325px; top:50px; width:150px; }
#total_payment_amount_id        { width:150px; }

#normal_desc_id  { left:40px; top:110px; height:100px; width:620px; font-size:14px;}


/****  Interest Only Series  ****/
#interest_only_amount_label_id  { left:115px; top:50px; width:200px; }
#interest_only_amount_div_id    { left:325px; top:50px; width:150px; background-color:#dddddd; }
#interest_only_amount_id        { width:150px; text-align:center; }

#interest_only_desc_id { left:40px; top:110px; height:100px; width:620px; font-size:14px;}


/****  Fixed Principal Special Series  ****/
#fp_starting_amount_label_id { left:115px; top:50px; width:200px; }
#fp_starting_amount_div_id   { left:325px; top:50px; width:150px; }
#fp_starting_amount_id       { width:150px; }

#fp_interest_payment_label_id   { left:115px; top:90px; width:200px; }
#fp_interest_payment_div_id     { left:325px; top:90px; width:150px; background-color:#dddddd; }
#fp_interest_payment_id         { width:150px; text-align:center; }

#fp_total_payment_label_id     { left:115px; top:130px; width:200px; }
#fp_total_payment_div_id       { left:325px; top:130px; width:150px; background-color:#dddddd; }
#fp_total_payment_id           { width:150px; text-align:center; }

#fixed_principal_desc_id      { left:40px; top:170px; height:70px; width:620px; font-size:14px;}


/****  Principal First Series  ****/
#pf_total_payment_amount_label_id  { left:115px; top:50px; width:200px; }
#pf_total_payment_amount_div_id    { left:325px; top:50px; width:150px; }
#pf_total_payment_amount_id        { width:150px; }

#principal_first_desc_id      { left:40px; top:110px; height:100px; width:620px; font-size:14px;}


/****  Amount Step Special Series  ****/
#starting_amount_label_id { left:115px; top:50px; width:200px; }
#starting_amount_div_id   { left:325px; top:50px; width:150px; }
#starting_amount_id       { width:150px; }

#amount_change_label_id   { left:115px; top:90px; width:200px; }
#amount_change_div_id     { left:325px; top:90px; width:150px; }
#amount_change_id         { width:150px; }

#number_made_label_id     { left:115px; top:130px; width:200px; }
#number_made_div_id       { left:325px; top:130px; width:150px; }
#number_made_id           { width:150px; }

#amount_step_desc_id      { left:40px; top:175px; height:70px; width:620px; font-size:14px;}



/****  Percent Step Special Series  ****/
#ps_starting_amount_label_id { left:115px; top:50px; width:200px; }
#ps_starting_amount_div_id   { left:325px; top:50px; width:150px; }
#ps_starting_amount_id       { width:150px; }

#ps_percent_change_label_id   { left:115px; top:90px; width:200px; }
#ps_percent_change_div_id     { left:325px; top:90px; width:150px; }
#ps_percent_change_id         { width:150px; }

#ps_number_made_label_id     { left:115px; top:130px; width:200px; }
#ps_number_made_div_id       { left:325px; top:130px; width:150px; }
#ps_number_made_id           { width:150px; }

#percent_step_desc_id      { left:40px; top:175px; height:70px; width:620px; font-size:14px;}


/****  Skip Payment Series  ****/
#number_to_make_label_id { left:115px; top:35px; width:200px; }
#number_to_make_div_id   { left:325px; top:35px; width:150px; }
#number_to_make_id       { width:150px; }

#sp_amount_label_id   { left:115px; top:70px; width:200px; }
#sp_amount_div_id     { left:325px; top:70px; width:150px; }
#sp_amount_id         { width:150px; }

#number_to_skip_label_id     { left:115px; top:105px; width:200px; }
#number_to_skip_div_id       { left:325px; top:105px; width:150px; }
#number_to_skip_id           { width:150px; }

#skip_amount_label_id     { left:115px; top:140px; width:200px; }
#amount_when_skip_div_id  { left:325px; top:140px; width:150px; }
#skip_amount_id           { width:150px; }

#skip_payment_desc_id      { left:40px; top:180px; height:70px; width:620px; font-size:14px;}


/****  Existing Fixed Series  ****/
#note_balance_label_id { left:115px; top:35px; width:200px; }
#note_balance_div_id   { left:325px; top:35px; width:150px; }
#note_balance_id       { width:150px; }

#rate_for_note_label_id   { left:115px; top:70px; width:200px; }
#rate_for_note_div_id     { left:325px; top:70px; width:150px; }
#rate_for_note_id         { width:150px; }

#principal_payment_label_id     { left:115px; top:105px; width:200px; }
#principal_payment_div_id       { left:325px; top:105px; width:150px; }
#principal_payment_id           { width:150px; }

#interest_payment_label_id     { left:115px; top:140px; width:200px; }
#interest_payment_div_id       { left:325px; top:140px; width:150px; background-color:#dddddd; }
#interest_payment_id           { width:150px; text-align:center; }

#existing_fixed_desc_id      { left:40px; top:180px; height:70px; width:620px; font-size:14px;}



/****  Monthly Skip Series  ****/
#regular_amount_label_id { left:115px; top:45px; width:225px; }
#regular_amount_div_id   { left:350px; top:45px; width:150px; }
#regular_amount_id       { width:150px; }

#ms_skipped_amount_label_id   { left:115px; top:80px; width:225px; }
#ms_skipped_amount_div_id     { left:350px; top:80px; width:150px; }
#ms_skipped_amount_id         { width:150px; }

#ms_select_months_label_id { position:absolute; left:115px; top:125px; height:35px; width:200px; font-size:14px; text-align:left; }

#ss_january_id          { position:absolute; left:165px; top:155px; height:25px; font-size:20px;}
#ss_january_label_id    { color:#333333; position:absolute; left:185px; top:159px; height:20px; font-size:16px; }

#ss_february_id          { position:absolute; left:165px; top:185px; height:25px; font-size:20px;}
#ss_february_label_id    { color:#333333; position:absolute; left:185px; top:189px; height:20px; font-size:16px; }

#ss_march_id          { position:absolute; left:165px; top:215px; height:25px; font-size:20px;}
#ss_march_label_id    { color:#333333; position:absolute; left:185px; top:219px; height:20px; font-size:16px; }

#ss_april_id          { position:absolute; left:265px; top:155px; height:25px; font-size:20px;}
#ss_april_label_id    { color:#333333; position:absolute; left:285px; top:159px; height:20px; font-size:16px; }

#ss_may_id          { position:absolute; left:265px; top:185px; height:25px; font-size:20px;}
#ss_may_label_id    { color:#333333; position:absolute; left:285px; top:189px; height:20px; font-size:16px; }

#ss_june_id          { position:absolute; left:265px; top:215px; height:25px; font-size:20px;}
#ss_june_label_id    { color:#333333; position:absolute; left:285px; top:219px; height:20px; font-size:16px; }

#ss_july_id          { position:absolute; left:350px; top:155px; height:25px; font-size:20px;}
#ss_july_label_id    { color:#333333; position:absolute; left:370px; top:159px; height:20px; font-size:16px; }

#ss_august_id          { position:absolute; left:350px; top:185px; height:25px; font-size:20px;}
#ss_august_label_id    { color:#333333; position:absolute; left:370px; top:189px; height:20px; font-size:16px; }

#ss_september_id          { position:absolute; left:350px; top:215px; height:25px; font-size:20px;}
#ss_september_label_id    { color:#333333; position:absolute; left:370px; top:219px; height:20px; font-size:16px; }

#ss_october_id          { position:absolute; left:465px; top:155px; height:25px; font-size:20px;}
#ss_october_label_id    { color:#333333; position:absolute; left:485px; top:159px; height:20px; font-size:16px; }

#ss_november_id          { position:absolute; left:465px; top:185px; height:25px; font-size:20px;}
#ss_november_label_id    { color:#333333; position:absolute; left:485px; top:189px; height:20px; font-size:16px; }

#ss_december_id          { position:absolute; left:465px; top:215px; height:25px; font-size:20px;}
#ss_december_label_id    { color:#333333; position:absolute; left:485px; top:219px; height:20px; font-size:16px; }



/***********************    Special Series for small mobile windows      ********************************/
#small_special_series_div_id { display:none; border:2px solid #00496e; border-radius: 10px; position:absolute; top:3px; 
    left:0px; height:220px;  width:300px; z-index:1000; background-color:#eeeeee;  overflow:scroll; 
}

#small_ss_ok_btn_id     { position:absolute; left:5px; top:3px; height:35px; width:50px; font-size:14px; border:0px;
                          color:#555555; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}

#small_sstype_label_id  { position:absolute; left:60px; top:10px; height:35px; width:160px; font-size:16px; color:#555555; text-align:center;}

#small_ss_cancel_btn_id { position:absolute; left:225px; top:3px; height:35px; width:70px; font-size:14px; border:0px;
                          color:#555555; background-image:url('../Images/gray_button.png');   background-repeat:no-repeat;  background-size:100% 100%;
}

.small_ss_label    { position:absolute; height:28px; font-size:14px; text-align:left; padding:4px 0px 4px 0px; }

/*#small_special_series_div_id p      { color:#555555; padding:0px 4px 0px 4px; } */
#small_special_series_div_id b      { color:#555555; padding:4px; }
#small_special_series_div_id span   { color:#555555; position:relative; top: 0px; line-height:20px; }


/****  Normal Series for small mobile windows ****/
#small_total_payment_amount_label_id  { left:10px; top:55px; width:145px; }
#small_total_payment_amount_div_id    { position:absolute; left:165px; top:55px; min-width: 120px; max-width:120px; font-size:14px; }
#small_total_payment_amount_id        { position:relative; left:0px; top:0px; max-width:120px; font-size:14px;  }

#small_normal_desc_id      { position:absolute; left:10px; top:100px; height:120px; width:265px; font-size:14px; }



/****  Interest Only Series for small mobile windows ****/
#small_interest_only_amount_label_id  { left:10px; top:50px; width:145px; }
#small_interest_only_amount_div_id    { position:absolute; left:165px; top:55px; min-width: 120px; max-width:120px; font-size:14px; background-color:#dddddd;}
#small_interest_only_amount_id        { position:relative; left:0px; top:0px; max-width:120px; font-size:14px; text-align:center; }

#small_interest_only_desc_id      { position:absolute; left:10px; top:100px; height:120px; width:265px; font-size:14px; }



/****  Fixed Principal Special Series  for small mobile windows  ****/
#small_fp_starting_amount_label_id { left:10px; top:45px; width:165px; }
#small_fp_starting_amount_div_id   { position:absolute; left:180px; top:45px; min-width: 105px; max-width:105px; font-size:14px;}
#small_fp_starting_amount_id       { position:relative; left:0px; top:0px; max-width:105px; font-size:14px;}

#small_fp_interest_payment_label_id   { left:10px; top:80px; width:165px; }
#small_fp_interest_payment_div_id     { position:absolute; left:180px; top:80px; min-width: 105px; max-width:105px; font-size:14px; background-color:#dddddd; }
#small_fp_interest_payment_id         { position:relative; left:0px; top:0px; width:105px; font-size:14px; text-align:center; }

#small_fp_total_payment_label_id     { left:10px; top:115px; width:165px; }
#small_fp_total_payment_div_id       { position:absolute; left:180px; top:115px; min-width: 105px; max-width:105px; font-size:14px; background-color:#dddddd; }
#small_fp_total_payment_id           { position:relative; left:0px; top:0px; width:105px; font-size:14px; text-align:center; }

#small_fixed_principal_desc_id      { position:absolute; left:10px; top:155px; height:130px; width:265px; font-size:14px;}



/****  Skip Payment Series for small mobile windows ****/
#small_number_to_make_label_id { left:10px; top:45px; width:145px; }
#small_number_to_make_div_id   { position:absolute; left:165px; top:45px; min-width: 120px; max-width:120px; font-size:14px;}
#small_number_to_make_id       { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_sp_amount_label_id   { left:10px; top:80px; width:145px; }
#small_sp_amount_div_id     { position:absolute; left:165px; top:80px; min-width: 120px; max-width:120px; font-size:14px;}
#small_sp_amount_id         { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_number_to_skip_label_id     { left:10px; top:115px; width:145px; }
#small_number_to_skip_div_id       { position:absolute; left:165px; top:115px; min-width: 120px; max-width:120px; font-size:14px;}
#small_number_to_skip_id           { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_skip_amount_label_id     { left:10px; top:150px; width:145px; }
#small_amount_when_skip_div_id  { position:absolute; left:165px; top:150px; min-width: 120px; max-width:120px; font-size:14px;}
#small_skip_amount_id           { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_skip_payment_desc_id      { position:absolute; left:10px; top:190px; height:160px; width:265px; font-size:14px;}



/****  Existing Fixed Series for small mobile windows ****/
#small_note_balance_label_id { left:10px; top:45px; width:145px; }
#small_note_balance_div_id   { position:absolute; left:165px; top:45px; min-width: 120px; max-width:120px; font-size:14px;}
#small_note_balance_id       { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_rate_for_note_label_id   { left:10px; top:80px; width:145px; }
#small_rate_for_note_div_id     { position:absolute; left:165px; top:80px; min-width: 120px; max-width:120px; font-size:14px;}
#small_rate_for_note_id         { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_principal_payment_label_id     { left:10px; top:115px; width:145px; }
#small_principal_payment_div_id       { position:absolute; left:165px; top:115px; min-width: 120px; max-width:120px; font-size:14px;}
#small_principal_payment_id           { position:relative; left:0px; top:0px; width:120px; font-size:14px;}

#small_interest_payment_label_id     { left:10px; top:150px; width:145px; }
#small_interest_payment_div_id       { position:absolute; left:165px; top:150px; min-width: 120px; max-width:120px; font-size:14px; background-color:#dddddd; }
#small_interest_payment_id           { position:relative; left:0px; top:0px; width:120px; font-size:14px; text-align:center; }

#small_existing_fixed_desc_id      { position:absolute; left:10px; top:190px; height:180px; width:265px; font-size:14px;}



/****  Principal First Series for small mobile windows  ****/
#small_pf_total_payment_amount_label_id  { left:10px; top:55px; width:145px; }
#small_pf_total_payment_amount_div_id    { position:absolute; left:165px; top:55px; min-width: 120px; max-width:120px; font-size:14px;}
#small_pf_total_payment_amount_id        { position:relative; left:0px; top:0px; max-width:120px; font-size:14px;}

#small_principal_first_desc_id      {  position:absolute; left:10px; top:100px; height:120px; width:265px; font-size:14px; }



/****  Amount Step Special Series for small mobile windows   ****/
#small_starting_amount_label_id { left:10px; top:45px; width:160px; }
#small_starting_amount_div_id   { position:absolute; left:180px; top:45px; min-width: 105px; max-width:105px; font-size:14px;}
#small_starting_amount_id       { position:relative; left:0px; top:0px; width:105px; font-size:14px;}

#small_amount_change_label_id   { left:10px; top:80px; width:160px; }
#small_amount_change_div_id     { position:absolute; left:180px; top:80px; min-width: 105px; max-width:105px; font-size:14px;}
#small_amount_change_id         { position:relative; left:0px; top:0px; width:105px; font-size:14px;}

#small_number_made_label_id     { left:10px; top:115px; width:195px; }
#small_number_made_div_id       { position:absolute; left:210px; top:115px; min-width: 75px; max-width:75px; font-size:14px;}
#small_number_made_id           { position:relative; left:0px; top:0px; width:75px; font-size:14px;}

#small_amount_step_desc_id      { position:absolute; left:10px; top:150px; height:130px; width:265px; font-size:14px;}



/****  Percent Step Special Series for small mobile windows   ****/
#small_ps_starting_amount_label_id { left:10px; top:45px; width:160px; }
#small_ps_starting_amount_div_id   { position:absolute; left:180px; top:45px; min-width: 105px; max-width:105px; font-size:14px;}
#small_ps_starting_amount_id       { position:relative; left:0px; top:0px; width:105px; font-size:14px;}

#small_ps_percent_change_label_id   { left:10px; top:80px; width:160px; }
#small_ps_percent_change_div_id     { position:absolute; left:180px; top:80px; min-width: 105px; max-width:105px; font-size:14px;}
#small_ps_percent_change_id         { position:relative; left:0px; top:0px; width:105px; font-size:14px;}

#small_ps_number_made_label_id     { left:10px; top:115px; width:195px; }
#small_ps_number_made_div_id       { position:absolute; left:210px; top:115px; min-width: 75px; max-width:75px; font-size:14px;}
#small_ps_number_made_id           { position:relative; left:0px; top:0px;  width:75px; font-size:14px; }

#small_percent_step_desc_id      { position:absolute; left:10px; top:150px; height:130px; width:265px; font-size:14px;}



/****  Monthly Skip Series for small mobile windows  ****/
#small_regular_amount_label_id { left:10px; top:45px; width:180px; }
#small_regular_amount_div_id   { position:absolute; left:195px; top:45px; min-width: 90px; max-width:90px; font-size:14px;}
#small_regular_amount_id       { position:relative; left:0px; top:0px;  width:90px; font-size:14px;}

#small_ms_skipped_amount_label_id   { left:10px; top:80px; width:180px; }
#small_ms_skipped_amount_div_id     { position:absolute; left:195px; top:80px;  min-width: 90px; max-width:90px; font-size:14px;}
#small_ms_skipped_amount_id         { position:relative; left:0px; top:0px; width:90px; font-size:14px;}

#small_ms_select_months_label_id { position:absolute; left:10px; top:115px; height:35px; width:200px; font-size:14px; text-align:left; }

#small_ss_january_id          { position:absolute; left:10px; top:145px; height:25px; font-size:20px;}
#small_ss_january_label_id    { color:#555555; position:absolute; left:33px; top:151px; height:20px; font-size:14px; }

#small_ss_february_id          { position:absolute; left:10px; top:175px;  height:25px; font-size:20px;}
#small_ss_february_label_id    { color:#555555; position:absolute; left:33px; top:181px; height:20px; font-size:14px; }

#small_ss_march_id          { position:absolute; left:10px; top:205px; height:25px; font-size:20px;}
#small_ss_march_label_id    { color:#555555; position:absolute; left:33px; top:211px; height:20px; font-size:14px; }

#small_ss_april_id          { position:absolute; left:80px; top:145px; height:25px; font-size:20px;}
#small_ss_april_label_id    { color:#555555; position:absolute; left:103px; top:151px; height:20px; font-size:14px; }

#small_ss_may_id          { position:absolute; left:80px; top:175px; height:25px; font-size:20px;}
#small_ss_may_label_id    { color:#555555; position:absolute; left:103px; top:181px; height:20px; font-size:14px; }

#small_ss_june_id          { position:absolute; left:80px; top:205px;  height:25px; font-size:20px;}
#small_ss_june_label_id    { color:#555555; position:absolute; left:103px; top:211px; height:20px; font-size:14px; }

#small_ss_july_id          { position:absolute; left:150px; top:145px; height:25px; font-size:20px;}
#small_ss_july_label_id    { color:#555555; position:absolute; left:173px; top:151px; height:20px; font-size:14px; }

#small_ss_august_id          { position:absolute; left:150px; top:175px; height:25px; font-size:20px;}
#small_ss_august_label_id    { color:#555555; position:absolute; left:173px; top:181px; height:20px; font-size:14px; }

#small_ss_september_id          { position:absolute; left:150px; top:205px; height:25px; font-size:20px;}
#small_ss_september_label_id    { color:#555555; position:absolute; left:173px; top:211px; height:20px; font-size:14px; }

#small_ss_october_id          { position:absolute; left:220px; top:145px; height:25px; font-size:20px;}
#small_ss_october_label_id    { color:#555555; position:absolute; left:243px; top:151px; height:20px; font-size:14px; }

#small_ss_november_id          { position:absolute; left:220px; top:175px; height:25px; font-size:20px;}
#small_ss_november_label_id    { color:#555555; position:absolute; left:243px; top:181px; height:20px; font-size:14px; }

#small_ss_december_id          { position:absolute; left:220px; top:205px; height:25px; font-size:20px;}
#small_ss_december_label_id    { color:#555555; position:absolute; left:243px; top:211px; height:20px; font-size:14px; }



/******************** CSS for Points and Fees - Part of the Special Series CSS  ****************************/

#points_and_fees_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; }

.pf_std#points_and_fees_div_id { left:5px; top:3px; height:380px;  width:530px; background-color:#00496e;  
                          background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');  background-repeat:no-repeat; background-size:100% 100%;
}


.pf_std#points_and_fees_div_id p      { color:#555555; position:absolute; font-size:16px;}
.pf_std#points_and_fees_div_id b      { color:#555555; position:absolute; padding:4px; }
.pf_std#points_and_fees_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; font-size:16px;}

#points_and_fees_div_id input[type=text]    { color:#555555; background-color:White; padding:4px; border:0px; text-align:right; }

#points_and_fees_div_id span   { color:#333333; position:relative; top: 0px; line-height:30px; }

#pf_inner_div_id { left:20px; top:40px; height:290px; width:490px; border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

.pf_std#pf_ok_btn_id { position:absolute; left:105px; top:338px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.pf_std#pf_cancel_btn_id { position:absolute; left:320px; top:338px; height:35px; width:100px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.pf_std#points_and_fees_div_id span  { line-height:20px; }

p.pf_std#pf_title_id { left:5px; top:7px; width:510px; position:absolute; color:White; font-size:20px; text-align:center; }


.pf_std#pf_amount_of_loan_label_id { left:20px; top:15px; width:170px; }
.pf_std#pf_amount_of_loan_div_id   { left:305px; top:15px; width:150px; }
.pf_std#pf_amount_of_loan_id       { width:150px; }

.pf_std#pf_points_paid_label_id { left:20px; top:55px; width:145px;}
.pf_std#pf_points_paid_div_id   { left:170px; top:55px; width:105px; }
.pf_std#pf_points_paid_id       { width:105px; }

.pf_std#pf_points_paid_amount_label_id { left:285px; top:55px; width:15px; }
.pf_std#pf_points_paid_amount_div_id   { left:305px; top:55px; width:150px; }
.pf_std#pf_points_paid_amount_id       { width:150px; }

.pf_std#pf_prepaid_interest_label_id { left:20px; top:95px; width:170px; }
.pf_std#pf_prepaid_interest_div_id   { left:30px; top:130px; width:30px; }
.pf_std#pf_prepaid_interest_id       { width:30px; }

.pf_std#pf_days_at_label_id { left:70px; top:130px; width:65px; }
.pf_std#pf_days_at_div_id   { left:135px; top:130px; width:140px; background-color:#dddddd; }
.pf_std#pf_days_at_id       { width:140px; }

.pf_std#pf_prepaid_interest_amount_label_id { left:285px; top:130px; width:15px; }
.pf_std#pf_prepaid_interest_amount_div_id   { left:305px; top:130px; width:150px; background-color:#dddddd; }
.pf_std#pf_prepaid_interest_amount_id       { width:150px; }

.pf_std#pf_additional_precision_label_id { left:20px; top:165px; width:170px; text-align:right; }
.pf_std#pf_additional_precision_id       { left:200px; top:165px; width:90px; }

.pf_std#pf_other_charges_label_id { left:20px; top:205px; width:170px; }
.pf_std#pf_other_charges_div_id   { left:305px; top:205px; width:150px; }
.pf_std#pf_other_charges_id       { width:150px; }

.pf_std#pf_line_id  { left:305px; top:240px; width:160px; position:absolute; font-size:8px; text-align:right; background-color:transparent; border:0px; border-top:2px solid #888888; }

.pf_std#pf_amount_financed_label_id { left:20px; top:250px; width:170px; }
.pf_std#pf_amount_financed_div_id   { left:305px; top:250px; width:150px; background-color:#dddddd; }
.pf_std#pf_amount_financed_id       { width:150px; }


/************** CSS for Points and Fees - For small mobile windows  ********/

.pf_small#points_and_fees_div_id p      { color:#555555; position:absolute; font-size:14px;}
.pf_small#points_and_fees_div_id b      { color:#555555; position:absolute; padding:4px; }
.pf_small#points_and_fees_div_id span   { color:#555555; position:relative; left: 0px; top: 0px; line-height:30px; font-size:14px;}


.pf_small#points_and_fees_div_id { left:5px; top:3px; height:380px;  width:300px; background-color:#eeeeee; border: 2px solid #00496e; overflow:scroll; }  

.pf_small#pf_ok_btn_id { position:absolute; left:5px; top:3px; height:35px; width:50px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.pf_small#pf_cancel_btn_id { position:absolute; left:225px; top:3px; height:35px; width:70px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.pf_small#points_and_fees_div_id span  { line-height:20px; }

p.pf_small#pf_title_id { left:60px; top:7px; width:160px; position:absolute; color:#555555; font-size:20px; text-align:center; }


.pf_small#pf_amount_of_loan_label_id { left:5px; top:45px; width:120px; }
.pf_small#pf_amount_of_loan_div_id   { left:155px; top:45px; width:130px; }
.pf_small#pf_amount_of_loan_id       { width:130px; }

.pf_small#pf_points_paid_label_id { left: 5px; top:85px; width:150px; }
.pf_small#pf_points_paid_div_id   { left: 40px; top:125px; width:85px; }
.pf_small#pf_points_paid_id       { width:85px; }

.pf_small#pf_points_paid_amount_label_id { left:138px; top:125px; width:15px; }
.pf_small#pf_points_paid_amount_div_id   { left:155px; top:125px; width:130px; }
.pf_small#pf_points_paid_amount_id       { width:130px; font-size:14px;}

.pf_small#pf_prepaid_interest_label_id { left:5px; top:170px; width:115px; }
.pf_small#pf_prepaid_interest_div_id   { left:117px; top:170px; width:30px; }
.pf_small#pf_prepaid_interest_id       { width:30px; }
.pf_small#pf_prepaid_interest_days_label_id { left:159px; top:170px; width:50px; }

.pf_small#pf_days_at_label_id { left:15px; top:210px; width:20px; }
.pf_small#pf_days_at_div_id   { left:40px; top:210px; width:85px; background-color:#dddddd; }
.pf_small#pf_days_at_id       { width:85px; }

.pf_small#pf_prepaid_interest_amount_label_id { left:138px; top:210px; width:15px; }
.pf_small#pf_prepaid_interest_amount_div_id   { left:155px; top:210px; width:130px; background-color:#dddddd; }
.pf_small#pf_prepaid_interest_amount_id       { width:130px; }

.pf_small#pf_additional_precision_label_id { left:40px; top:245px; width:135px; }
.pf_small#pf_additional_precision_id       { left:180px; top:245px; width:90px; }

.pf_small#pf_other_charges_label_id { left:5px; top:290px; width:170px; }
.pf_small#pf_other_charges_div_id   { left:155px; top:290px; width:130px; }
.pf_small#pf_other_charges_id       { width:130px; }

.pf_small#pf_line_id  { left:155px; top:330px; width:140px; position:absolute; font-size:8px; text-align:right; background-color:transparent; border:0px; border-top:2px solid #888888; }

.pf_small#pf_amount_financed_label_id { left:5px; top:340px; width:170px; height:35px; }
.pf_small#pf_amount_financed_div_id   { left:155px; top:340px; width:130px; background-color:#dddddd; }
.pf_small#pf_amount_financed_id       { width:130px; }





/******************** CSS for Report format Popup ****************************/
#report_format_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#report_format_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; top:3px;  background-color:#00496e;
    left:0px; height:540px;  width:540px; z-index:1000; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');
    background-repeat:no-repeat; background-size:100% 100%;
}


.rf_panel input[type=text]    { color:#555555; background-color:White; padding:4px; border:0px; text-align:right; }

.rf_label          { position:absolute; height:20px; font-size:14px; text-align:left; padding:7px 4px 4px 4px; }
.rf_ios_input_div  { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; background-color:White; overflow:hidden; text-align:right; }
.rf_input_div      { position:absolute; height:20px; font-size:14px; border:1px solid #bbbbbb; padding:4px; text-align:right; }
.rf_input          { position:relative; left:-4px; top:-4px; height:20px; font-size:14px; }
.rf_ios_input      { position:relative; left:4px; top:6px; height:20px; font-size:14px; }
 
.rf_item_div        { position:absolute; height:60px; width:330px; background-color:#eeeeee; border-radius:5px; }   
.rf_button          { position:absolute; height:45px; width:110px; font-size:14px; border: 0px solid #555; background-color:transparent;  color:#000000;
                      background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; }
.rf_checkbox        { position:absolute; }
.rf_checkbox_label  { position:absolute; color:#000000; height:20px; font-size:14px; } 
.rf_page_break      { position:absolute; height:20px; width: 130px; z-index:1011; font-size:14px; border:0px solid #000000; color:#000000; background-color:#eeeeee; 
                      background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%; border-radius:3px;

}
.rf_page_break_line { position:absolute; height:5px; width: 200px; border-top-width:1px; border-top-color:#555555; z-index:1010; }
.rf_show_cb_label   { position:absolute; height:30px; width: 200px; }

.rf_tabs { display: block; width: 100%; position:absolute; }
.rf_tab_row1 { left:75px; top:0px; z-index:1011; }
.rf_tab_row2 { left:65px; top:28px; z-index:1012; }


a.rf_tab { border-collapse: collapse; border-style: solid solid none solid; border-color: #555555; border-width: 1px 1px 0px 1px;
    padding: 5px 1em 5px 1em; margin-top: 6px; margin-right: 2px; font-family: arial; text-decoration: none; float: left;
    font-size:15px; color:#333333; background: #fafafa url('../Images/tab_gradient.png'); 
    border-top-left-radius: 5px; border-top-right-radius:5px;
}

a.rf_selectedTab { margin-top:4px; color:#333333; border-bottom: solid 4px #fcfcfc; background:#fcfcfc; }

.rf_panels { display: block;  position:absolute; border: solid 1px #555555;  border-radius: 10px; left:35px; top:34px; height: 455px; width: 470px; 
             background-color:#fcfcfc; z-index:1010; }

.rf_panel  { position:relative;  left: 20px; top:0px; height: 440px; width: 420px; padding: 5px; 
    overflow:hidden; display:none; z-index:1013;  background-color:#fcfcfc;  
}

.rf_selectedPanel { display: block; }


#rf_reset_btn_id  { position:absolute; left:10px; top:500px; height:35px; width:190px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
#rf_save_as_default_btn_id  { position:absolute; left:210px; top:500px; height:35px; width:140px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
#rf_save_btn_id     { position:absolute; left:360px; top:500px; height:35px; width:80px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
#rf_cancel_btn_id { position:absolute; left:450px; top:500px; height:35px; width:80px; font-size:14px; border: 0px; background-color:transparent; color:#555555;
                    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}



/****  Layout Panel  ****/
#layout_desc_id     { position:absolute; left:20px; top:10px; height:40px; width:380px; font-size:14px; color:#000000; background-color:#ffffff; border: 1px solid #555555; 
                      padding:4px; }

#layout_up_btn_id   { position:absolute; left:360px; top:235px; height:25px; width:60px;
                      font-size:14px; border: 0px solid #555; background-color:transparent;  color:#000000;
                      background-image:url('../Images/button_gray_small.png');  background-repeat:no-repeat; background-size:100% 100%;
}

#layout_down_btn_id { position:absolute; left:360px; top:265px; height:25px; width:60px;
                      font-size:14px; border: 0px solid #555; background-color:transparent;  color:#000000;
                      background-image:url('../Images/button_gray_small.png');  background-repeat:no-repeat; background-size:100% 100%;
}

#layout_header_btn_id           { left:10px; top:75px; }
#layout_header_show_cb_id       { left:125px; top:88px; }
#layout_header_show_cb_label_id { left:145px; top:88px; }

#layout_seperator_line1_id      { position:absolute; left:10px; top:128px; height:10px; width: 405px; border-top:1px solid #888; }

#layout_div1_id                 { left:5px; top:135px; }
#layout_btn1_id                 { left:5px; top:10px; }
#layout_show1_cb_id             { left:120px; top:25px; }
#layout_show1_cb_label_id       { left:140px; top:25px; }
#layout_page_break1_btn_id      { left:160px; top:0px; }
#layout_page_break1_line_id     { left:120px; top:10px; }

#layout_div2_id                 { left:5px; top:200px; }
#layout_btn2_id                 { left:5px; top:10px; }
#layout_show2_cb_id             { left:120px; top:25px; }
#layout_show2_cb_label_id       { left:140px; top:25px; }
#layout_page_break2_btn_id      { left:160px; top:0px; }
#layout_page_break2_line_id     { left:120px; top:10px; }

#layout_div3_id                 { left:5px; top:265px; }
#layout_btn3_id                 { left:5px; top:10px; }
#layout_show3_cb_id             { left:120px; top:25px; }
#layout_show3_cb_label_id       { left:140px; top:25px; }
#layout_page_break3_btn_id      { left:160px; top:0px; }
#layout_page_break3_line_id     { left:120px; top:10px; }

#layout_div4_id                 { left:5px; top:330px; }
#layout_btn4_id                 { left:5px; top:10px; }
#layout_show4_cb_id             { left:120px; top:25px; }
#layout_show4_cb_label_id       { left:140px; top:25px; }
#layout_page_break4_btn_id      { left:160px; top:0px; }
#layout_page_break4_line_id     { left:120px; top:10px; }

#layout_seperator_line2_id      { position:absolute; left:10px; top:395px; height:10px; width: 405px; border-top:1px solid #888; }

#layout_footer_btn_id             { left:10px; top:405px; }
#layout_footer_show_cb_id         { left:125px; top:418px; }
#layout_footer_show_cb_label_id   { left:145px; top:418px; }


/****  Header Panel  ****/
#header_outer_div_id            { position:absolute; left:10px; top:20px; width:410px; height:395px; background-color:#6199c8; border:1px solid #555; border-radius:5px; }

#header_template_a_btn_id       { position:absolute; left:10px; top:5px; width:120px; height:30px; background-color:#0192d4; border-radius:5px; font-size:11pt;
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb;
}

#header_template_b_btn_id       { position:absolute; left:140px; top:5px; width:120px; height:30px; background-color:#efeded; border-radius:5px; font-size:11pt;
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb;
}

#header_align_left_btn_id       { position:absolute; left:304px; top:5px; width:28px; height:28px; background-color:#efeded; border-radius:3px;
                                  background-image:url('../Images/AlignLeft.png');  background-repeat:no-repeat; background-size:100% 100%; 
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#dadada; border-bottom-color:#dadada;
}

#header_align_center_btn_id     { position:absolute; left:338px; top:5px; width:28px; height:28px; background-color:#0192d4; border-radius:3px;
                                  background-image:url('../Images/AlignCenter.png');  background-repeat:no-repeat; background-size:100% 100%; 
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#dadada; border-bottom-color:#dadada;
}

#header_align_right_btn_id      { position:absolute; left:372px; top:5px; width:28px; height:28px; background-color:#efeded; border-radius:3px;
                                  background-image:url('../Images/AlignRight.png');  background-repeat:no-repeat; background-size:100% 100%; 
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#dadada; border-bottom-color:#dadada;
}

#header_font_family_select_id   { position:absolute; left:150px; top:45px; width:150px; height:25px; background-color:#efeded; border:1px solid #555; 
                                  font-size:14px; color:#000000; }
#header_font_size_select_id     { position:absolute; left:330px; top:45px; width:70px; height:25px; background-color:#efeded; border:1px solid #555; 
                                  font-size:14px; color:#000000; }

#header_textarea_id             { position:absolute; left:8px; top:80px; width:382px; height:295px; background-color:#ffffff; border:1px solid #888; 
                                  padding:5px; font-family:'Agency FB' }


/****  Footer Panel  ****/
#footer_outer_div_id            { position:absolute; left:10px; top:20px; width:410px; height:395px; background-color:#6199c8; border:1px solid #555; border-radius:5px; }

#footer_template_a_btn_id       { position:absolute; left:10px; top:5px; width:120px; height:30px; background-color:#0192d4; border-radius:5px; font-size:11pt;
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb;
}

#footer_template_b_btn_id       { position:absolute; left:140px; top:5px; width:120px; height:30px; background-color:#efeded; border-radius:5px; font-size:11pt;
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb;
}

#footer_align_left_btn_id       { position:absolute; left:304px; top:5px; width:28px; height:28px; background-color:#efeded; border-radius:3px;
                                  background-image:url('../Images/AlignLeft.png');  background-repeat:no-repeat; background-size:100% 100%; 
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#dadada; border-bottom-color:#dadada;
}

#footer_align_center_btn_id     { position:absolute; left:338px; top:5px; width:28px; height:28px; background-color:#0192d4; border-radius:3px;
                                  background-image:url('../Images/AlignCenter.png');  background-repeat:no-repeat; background-size:100% 100%; 
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#dadada; border-bottom-color:#dadada;
}

#footer_align_right_btn_id      { position:absolute; left:372px; top:5px; width:28px; height:28px; background-color:#efeded; border-radius:3px;
                                  background-image:url('../Images/AlignRight.png');  background-repeat:no-repeat; background-size:100% 100%; 
                                  border-width:1px; border-left-color:#ffffff; border-top-color:#ffffff; border-right-color:#dadada; border-bottom-color:#dadada;
}

#footer_font_family_select_id   { position:absolute; left:150px; top:45px; width:150px; height:25px; background-color:#efeded; border:1px solid #555; 
                                  font-size:14px; color:#000000; }
#footer_font_size_select_id     { position:absolute; left:330px; top:45px; width:70px; height:25px; background-color:#efeded; border:1px solid #555; 
                                  font-size:14px; color:#000000; }

#footer_textarea_id             { position:absolute; left:8px; top:80px; width:382px; height:295px; background-color:#ffffff; border:1px solid #888; 
                                  padding:5px; font-family:'Agency FB' }


/****  Font Panel  ****/
#font_theme_label_id       { position:absolute; left:30px; top:5px; width:200px; height:20px; background-color:transparent; color:#000000; }
#font_tvalue6_theme_btn_id { position:absolute; left:50px; top:30px; width:320px; height:30px; 
                             font-size:14px; border: 0px solid #555; background-color:transparent;  color:#000000;
                             background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
#font_tvalue5_theme_btn_id { position:absolute; left:50px; top:65px; width:320px; height:30px; 
                             font-size:14px; border: 0px solid #555; background-color:transparent;  color:#000000;
                             background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}

#font_outer_div_id         { position:absolute; left:10px; top:115px; width:410px; height:320px; background-color:#ffffff; border:1px solid #000000; 
                             border-top-left-radius:5px; border-bottom-left-radius:5px; border-left:0px; }
/*#font_outer_div_id         { position:absolute; left:10px; top:105px; width:410px; height:340px; background-color:#ffffff; border:1px solid #000000; 
                             border-top-left-radius:5px; border-bottom-left-radius:5px; border-left:0px; }
*/

.font_div_class            { position:absolute; width:150px; height:38px; background-color:#e0e0e0; border:1px solid #000000; 
                             border-top-left-radius:5px; border-bottom-left-radius:5px; text-align:center; overflow:hidden; }
/*.font_div_class            { position:absolute; width:150px; height:40px; background-color:#e0e0e0; border:1px solid #000000; 
                             border-top-left-radius:5px; border-bottom-left-radius:5px; text-align:center; overflow:hidden; }
*/

.font_span_class           { position:relative; text-align:center; vertical-align: middle; }

.font_select_class         { position:absolute; font-size:14px; border:1px solid #000000; color:#000000; background-color:#fcfcfc; }
.font_label_class          { position:absolute; font-size: 12px; color: #000000; height:20px; }
.font_color_sample_class   { height:10px; width:40px; padding:0px 5px 0px 5px; }


#font_header_div_id        { left:0px; top:0px; border-top-width:0px; height:39px;} 
#font_label_div_id         { left:0px; top:40px; } 
#font_caption_div_id       { left:0px; top:80px; } 
#font_table_head_div_id    { left:0px; top:120px; } 
#font_body_div_id          { left:0px; top:160px; } 
#font_rate_change_div_id   { left:0px; top:200px; } 
#font_totals_div_id        { left:0px; top:240px; } 
#font_footer_div_id        { left:0px; top:280px;  border-bottom-width:0px; height:39px;}

/*
#font_header_div_id        { left:0px; top:0px; border-top-width:0px; height:41px;} 
#font_label_div_id         { left:0px; top:42px; } 
#font_caption_div_id       { left:0px; top:84px; } 
#font_table_head_div_id    { left:0px; top:126px; } 
#font_body_div_id          { left:0px; top:168px; } 
#font_rate_change_div_id   { left:0px; top:210px; } 
#font_totals_div_id        { left:0px; top:252px; } 
#font_footer_div_id        { left:0px; top:294px;  border-bottom-width:0px; height:45px;} 
*/

#font_sample_div_id        { position:absolute; left:170px; top:30px; width:230px; height:40px; text-align:center;}

#font_family_label_id       { left:165px; top:80px; width:80px; }
#font_size_label_id         { left:350px; top:80px; width:40px; }
#font_style_label_id        { left:165px; top:140px; width:70px; }
#font_weight_label_id       { left:285px; top:140px; width:70px; }
#font_foreground_label_id   { left:165px; top:200px; width:120px; }
#font_background_label_id   { left:165px; top:260px; width:120px; }

#font_font_family_select_id     { left:165px; top:97px; width:170px; height:25px;}
#font_font_size_select_id       { left:350px; top:97px; width:50px; height:25px; }
#font_font_style_select_id      { left:165px; top:157px; width:100px; height:25px; }
#font_font_weight_select_id     { left:285px; top:157px; width:115px; height:25px; }
#font_font_foreground_select_id { left:165px; top:217px; width:235px; height:25px; }
#font_font_background_select_id { left:165px; top:277px; width:235px; height:25px; }


/*
#font_sample_div_id        { position:absolute; left:170px; top:0px; width:230px; height:40px; text-align:center;}

#font_family_label_id       { left:165px; top:40px; width:80px; }
#font_size_label_id         { left:350px; top:40px; width:40px; }
#font_style_label_id        { left:165px; top:90px; width:70px; }
#font_weight_label_id       { left:285px; top:90px; width:70px; }
#font_foreground_label_id   { left:165px; top:140px; width:120px; }
#font_background_label_id   { left:165px; top:190px; width:120px; }

#font_font_family_select_id     { left:165px; top:57px; width:170px; height:25px;}
#font_font_size_select_id       { left:350px; top:57px; width:50px; height:25px; }
#font_font_style_select_id      { left:165px; top:107px; width:100px; height:25px; }
#font_font_weight_select_id     { left:285px; top:107px; width:115px; height:25px; }
#font_font_foreground_select_id { left:165px; top:157px; width:235px; height:25px; }
#font_font_background_select_id { left:165px; top:207px; width:235px; height:25px; }


#font_border_color_label_id { left:165px; top:240px; width:90px; }
#font_border_style_label_id { left:285px; top:240px; width:90px; }
#font_border_size_label_id  { left:350px; top:290px; width:50px; }

#font_border_color_select_id { left:165px; top:257px; width:100px; height:25px; }
#font_border_style_select_id { left:285px; top:257px; width:100px; height:25px; }
#font_border_size_select_id  { left:350px; top:307px; width:50px; height:25px; }

#font_border_label_id        { left:165px; top:302px; width:40px; }

#font_border_top_cb_id       { left:210px; top:290px; }
#font_border_top_label_id    { left:230px; top:290px; width:60px; }

#font_border_bottom_cb_id    { left:210px; top:316px; }
#font_border_bottom_label_id { left:230px; top:316px; width:60px; }

#font_border_left_cb_id      { left:285px; top:290px; }
#font_border_left_label_id   { left:305px; top:290px; width:40px; }

#font_border_right_cb_id     { left:285px; top:316px; }
#font_border_right_label_id  { left:305px; top:316px; width:40px; }
*/

/******************** CSS for the Large keyboards ****************************/

#kb_container_div_id 
{
  /*position:absolute;*/
  position:relative;
  display:none;
  /*left:0px;*/
  /*top:0px;*/
  height:165px;
  width:100%;
  min-width:1015px;
  /*z-index:100;*/      /*Can't set the z-index or the container will not take any space on the screen (it will lay on top of what ever is there). Add a background div. */
  background-color:transparent; 
  background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:#00496e;
}

.individual_kb_div  { display:none; height:280px; width:760px; background-color:transparent; position:absolute; left:0px; top:0px; z-index:110; }

.kb_btn  
{
  z-index:110;
  position:absolute;
  font-size:16px;
  color:#555555;
  border-width: 0px; 
  margin:0px; 
  padding:0px;
  background-color:transparent; 
  background-image:url('../Images/button_gray.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
}

.kb_btn_small  
{
  z-index:110;
  position:absolute;
  font-size:16px;
  color:#555555;
  border-width: 0px; 
  margin:0px; 
  padding:0px;
  background-color:transparent; 
  background-image:url('../Images/button_gray_small.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
}

.kb_btn_large  
{
  z-index:110;
  position:absolute;
  font-size:16px;
  color:#555555;
  border-width: 0px; 
  margin:0px; 
  padding:0px;
  background-color:transparent; 
  background-image:url('../Images/button_gray_large.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
}



#edit_div_id    { position:relative; top:0px; left:0px; text-align:left; }
#cursor_id      { min-width:2px; max-width: 2px; height:18px; border-style:none; background-color:transparent; position:absolute; left:0px; top:0px;}
#edit_p_id      { text-align:left; white-space:normal; }

/*.previous_btn   { position:absolute; left:530px; top:20px; height:40px; width:110px; background-image:url('../Images/button_blue_large.png'); } */
.previous_btn   { position:absolute; left:530px; top:20px; height:40px; width:110px; } 
.next_btn       { position:absolute; left:650px; top:20px; height:40px; width:100px; }
.years_btn      { position:absolute; left:650px; top:170px; height:40px; width:100px;  }
.done_btn       { position:absolute; left:650px; top:220px; height:40px; width:100px; }
.amount_done_btn  { position:absolute; left:620px; top:220px; height:40px; width:130px; }

.left_arrow_btn  { position:absolute; left:555px; top:220px; height:40px; width:40px; }
.right_arrow_btn { position:absolute; left:600px; top:220px; height:40px; width:40px; }

.amount_left_arrow_btn  { position:absolute; left:510px; top:220px; height:40px; width:45px; }
.amount_right_arrow_btn { position:absolute; left:565px; top:220px; height:40px; width:45px; }

.unknown_btn    { position:absolute; left:80px; top:20px; height:40px; width:100px;  }
.hide_keyboards_btn    { position:absolute; left:-160px; top:20px; height:40px; width:150px;  }


/* Numbered Keyboards shared CSS. */
.n7_btn         { position:absolute; left:80px; top:70px; height:40px; width:65px;  }
.n4_btn         { position:absolute; left:80px; top:120px; height:40px; width:65px;  }
.n1_btn         { position:absolute; left:80px; top:170px; height:40px; width:65px;  }
.n0_btn         { position:absolute; left:80px; top:220px; height:40px; width:150px;  }
 
.n8_btn         { position:absolute; left:165px; top:70px; height:40px; width:65px;  }
.n5_btn         { position:absolute; left:165px; top:120px; height:40px; width:65px;  }
.n2_btn         { position:absolute; left:165px; top:170px; height:40px; width:65px;  }
 
.n9_btn         { position:absolute; left:250px; top:70px; height:40px; width:65px;  }
.n6_btn         { position:absolute; left:250px; top:120px; height:40px; width:65px;  }
.n3_btn         { position:absolute; left:250px; top:170px; height:40px; width:65px;  }
.dot_btn        { position:absolute; left:250px; top:220px; height:40px; width:65px;  }

.minus_btn      { position:absolute; left:335px; top:70px; height:40px; width:90px;  }
.backspace_btn  { position:absolute; left:335px; top:220px; height:40px; width:90px;  }
 
 /* Date Keyboard CSS */
.date_forward_slash_btn { position:absolute; left:250px; top:220px; height:40px; width:65px;  }
.date_lock_btn  { position:absolute; left:620px; top:70px; height:40px; width:130px; }

.plus_month     { position:absolute; left:490px; top:120px; height:40px; width:80px; }
.plus_day       { position:absolute; left:580px; top:120px; height:40px; width:80px; }
.plus_year      { position:absolute; left:670px; top:120px; height:40px; width:80px; }

.minus_month    { position:absolute; left:490px; top:170px; height:40px; width:80px; }
.minus_day      { position:absolute; left:580px; top:170px; height:40px; width:80px; }
.minus_year     { position:absolute; left:670px; top:170px; height:40px; width:80px; }
 
/* Amount Keyboard CSS. */
.weighted_unknown_btn { position:absolute; left:365px; top:170px; height:40px; width:60px;  }
.u_125x_btn     { position:absolute; left:305px; top:20px; height:40px; width:60px;  }
.u_5x_btn       { position:absolute; left:375px; top:20px; height:40px; width:40px;  }
.u2_0x_btn      { position:absolute; left:425px; top:20px; height:40px; width:40px;  }

.x1k_btn        { position:absolute; left:510px; top:120px; height:40px; width:100px; }
.x1m_btn        { position:absolute; left:510px; top:170px; height:40px; width:100px; }
.x100k_btn      { position:absolute; left:620px; top:120px; height:40px; width:130px; }
.x1b_btn        { position:absolute; left:620px; top:170px; height:40px; width:130px; }

.weighted_unknown_rectangle  
{
    position:absolute; 
    left:130px; 
    top:14px; 
    height:47px; 
    width:340px; 
    border:2px solid #7f7f7f;
    background-color:transparent; 
    z-index:101;
}


/* Text Keyboards shared CSS. */
.t_n1_btn         { position:absolute; left:10px; top:20px; height:40px; width:40px; }
.t_n2_btn         { position:absolute; left:60px; top:20px; height:40px; width:40px; }
.t_n3_btn         { position:absolute; left:110px; top:20px; height:40px; width:40px; }
.t_n4_btn         { position:absolute; left:160px; top:20px; height:40px; width:40px; }
.t_n5_btn         { position:absolute; left:210px; top:20px; height:40px; width:40px; }
.t_n6_btn         { position:absolute; left:260px; top:20px; height:40px; width:40px; }
.t_n7_btn         { position:absolute; left:310px; top:20px; height:40px; width:40px; }
.t_n8_btn         { position:absolute; left:360px; top:20px; height:40px; width:40px; }
.t_n9_btn         { position:absolute; left:410px; top:20px; height:40px; width:40px; }
.t_n0_btn         { position:absolute; left:460px; top:20px; height:40px; width:40px; }

.t_q_btn         { position:absolute; left:20px; top:70px; height:40px; width:40px; }
.t_w_btn         { position:absolute; left:70px; top:70px; height:40px; width:40px; }
.t_e_btn         { position:absolute; left:120px; top:70px; height:40px; width:40px; }
.t_r_btn         { position:absolute; left:170px; top:70px; height:40px; width:40px; }
.t_t_btn         { position:absolute; left:220px; top:70px; height:40px; width:40px; }
.t_y_btn         { position:absolute; left:270px; top:70px; height:40px; width:40px; }
.t_u_btn         { position:absolute; left:320px; top:70px; height:40px; width:40px; }
.t_i_btn         { position:absolute; left:370px; top:70px; height:40px; width:40px; }
.t_o_btn         { position:absolute; left:420px; top:70px; height:40px; width:40px; }
.t_p_btn         { position:absolute; left:470px; top:70px; height:40px; width:40px; }
.t_left_bracket_btn  { position:absolute; left:520px; top:70px; height:40px; width:40px; }
.t_right_bracket_btn { position:absolute; left:570px; top:70px; height:40px; width:40px; }
.t_back_slash_btn    { position:absolute; left:650px; top:70px; height:40px; width:45px; }
.t_back_quote_btn    { position:absolute; left:705px; top:70px; height:40px; width:45px; }

.t_a_btn         { position:absolute; left:30px; top:120px; height:40px; width:40px; }
.t_s_btn         { position:absolute; left:80px; top:120px; height:40px; width:40px; }
.t_d_btn         { position:absolute; left:130px; top:120px; height:40px; width:40px; }
.t_f_btn         { position:absolute; left:180px; top:120px; height:40px; width:40px; }
.t_g_btn         { position:absolute; left:230px; top:120px; height:40px; width:40px; }
.t_h_btn         { position:absolute; left:280px; top:120px; height:40px; width:40px; }
.t_j_btn         { position:absolute; left:330px; top:120px; height:40px; width:40px; }
.t_k_btn         { position:absolute; left:380px; top:120px; height:40px; width:40px; }
.t_l_btn         { position:absolute; left:430px; top:120px; height:40px; width:40px; }
.t_simi_colon_btn   { position:absolute; left:480px; top:120px; height:40px; width:40px; }
.t_single_quote_btn { position:absolute; left:530px; top:120px; height:40px; width:40px; }
.t_dash_btn         { position:absolute; left:650px; top:120px; height:40px; width:45px; }
.t_equal_btn        { position:absolute; left:705px; top:120px; height:40px; width:45px; }

.t_z_btn         { position:absolute; left:50px; top:170px; height:40px; width:40px; }
.t_x_btn         { position:absolute; left:100px; top:170px; height:40px; width:40px; }
.t_c_btn         { position:absolute; left:150px; top:170px; height:40px; width:40px; }
.t_v_btn         { position:absolute; left:200px; top:170px; height:40px; width:40px; }
.t_b_btn         { position:absolute; left:250px; top:170px; height:40px; width:40px; }
.t_n_btn         { position:absolute; left:300px; top:170px; height:40px; width:40px; }
.t_m_btn         { position:absolute; left:350px; top:170px; height:40px; width:40px; }
.t_comma_btn         { position:absolute; left:400px; top:170px; height:40px; width:40px; }
.t_dot_btn           { position:absolute; left:450px; top:170px; height:40px; width:40px; }
.t_forward_slash_btn { position:absolute; left:500px; top:170px; height:40px; width:40px; }

.t_left_shift_btn    { position:absolute; left:65px; top:220px; height:40px; width:75px; }
.t_space_btn         { position:absolute; left:150px; top:220px; height:40px; width:290px; }
.t_right_shift_btn   { position:absolute; left:450px; top:220px; height:40px; width:75px; }

.t_left_shift_on_btn  { position:absolute; left:65px; top:220px; height:40px; width:75px; color:#0192d4; }
.t_right_shift_on_btn { position:absolute; left:450px; top:220px; height:40px; width:75px; color:#0192d4; }

.t_backspace_btn    { position:absolute; left:650px; top:170px; height:40px; width:100px; }



/* Compounding, Period, and Event Keyboard CSS. */
.btn0   { position:absolute; left:20px; top:20px; height:40px; width:150px; }
.btn1   { position:absolute; left:20px; top:70px; height:40px; width:150px; }
.btn2   { position:absolute; left:20px; top:120px; height:40px; width:150px; }
.btn3   { position:absolute; left:20px; top:170px; height:40px; width:150px; }
.btn4   { position:absolute; left:20px; top:220px; height:40px; width:150px; }

.btn5   { position:absolute; left:180px; top:20px; height:40px; width:150px; }
.btn6   { position:absolute; left:180px; top:70px; height:40px; width:150px; }
.btn7   { position:absolute; left:180px; top:120px; height:40px; width:150px; }
.btn8   { position:absolute; left:180px; top:170px; height:40px; width:150px; }
.btn9   { position:absolute; left:180px; top:220px; height:40px; width:150px; }

.btn10  { position:absolute; left:340px; top:20px; height:40px; width:150px; }
.btn11  { position:absolute; left:340px; top:70px; height:40px; width:150px; }
.btn12  { position:absolute; left:340px; top:120px; height:40px; width:150px; }
.btn13  { position:absolute; left:340px; top:170px; height:40px; width:150px; }
.btn14  { position:absolute; left:340px; top:220px; height:40px; width:150px; }


/* Special Series Keyboard CSS. */
.none_btn            { position:absolute; left:20px; top:20px; height:40px; width:120px; }
.amount_step_btn     { position:absolute; left:20px; top:70px; height:40px; width:120px; }
.existing_fixed_btn  { position:absolute; left:20px; top:120px; height:40px; width:120px; }
.fixed_principal_btn { position:absolute; left:20px; top:170px; height:40px; width:120px; }
.interest_only_btn   { position:absolute; left:20px; top:220px; height:40px; width:120px; }

.monthly_skip_btn    { position:absolute; left:160px; top:20px; height:40px; width:120px; }
.percent_step_btn    { position:absolute; left:160px; top:70px; height:40px; width:120px; }
.principal_first_btn { position:absolute; left:160px; top:120px; height:40px; width:120px; }
.skip_payment_btn    { position:absolute; left:160px; top:170px; height:40px; width:120px; }




/******************** CSS for the Small keyboards ****************************/

#kb_filler_div_id   { display:none;  height:165px; width:100%; background-color:Gray; }
.spinner_div        { position:absolute; left:40px; top:4px; height:80px; width:80px;}
.spinner_input      { display:none; }

.s_individual_kb_div  { display:none; height:165px; width:320px; background-color:transparent; position:absolute; left:1px; top:0px; z-index:110;}

.s_kb_btn  
{
  z-index:110;
  font-size:16px;
  color:#555555;
  border-width: 0px; 
  margin:0px; 
  padding:0px;
  background-color:transparent; 
  background-image:url('../Images/button_gray_small.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
}


.s_kb_btn_large  
{
  z-index:110;
  font-size:16px;
  color:#555555;
  border-width: 0px; 
  margin:0px; 
  padding:0px;
  background-color:transparent; 
  background-image:url('../Images/button_gray.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
}


.s_previous_btn   { position:absolute; left:195px; top:128px; height:35px; width:59px; }
.s_next_btn       { position:absolute; left:259px; top:128px; height:35px; width:59px; }
.s_done_btn       { position:absolute; left:2px; top:128px; height:35px; width:59px; }
.s_amount_done_btn  { position:absolute; left:2px; top:128px; height:35px; width:59px; }

.s_left_arrow_btn  { position:absolute; left:112px; top:128px; height:35px; width:33px; }
.s_right_arrow_btn { position:absolute; left:150px; top:128px; height:35px; width:33px; }

.s_amount_left_arrow_btn  { position:absolute; left:112px; top:128px; height:35px; width:33px; }
.s_amount_right_arrow_btn { position:absolute; left:150px; top:128px; height:35px; width:33px; }

.s_unknown_btn    { position:absolute; left:195px; top:8px; height:35px; width:123px;  }

/* Numbered Keyboards shared CSS. */
.s_n7_btn         { position:absolute; left:74px; top:8px; height:35px; width:33px;  }
.s_n4_btn         { position:absolute; left:74px; top:48px; height:35px; width:33px;  }
.s_n1_btn         { position:absolute; left:74px; top:88px; height:35px; width:33px;  }
.s_n0_btn         { position:absolute; left:74px; top:128px; height:35px; width:33px;  }
 
.s_n8_btn         { position:absolute; left:112px; top:8px; height:35px; width:33px;  }
.s_n5_btn         { position:absolute; left:112px; top:48px; height:35px; width:33px;  }
.s_n2_btn         { position:absolute; left:112px; top:88px; height:35px; width:33px;  }
 
.s_n9_btn         { position:absolute; left:150px; top:8px; height:35px; width:33px;  }
.s_n6_btn         { position:absolute; left:150px; top:48px; height:35px; width:33px;  }
.s_n3_btn         { position:absolute; left:150px; top:88px; height:35px; width:33px;  }
.s_dot_btn        { position:absolute; left:2px; top:88px; height:35px; width:59px;  }

.s_date_forward_slash_btn { position:absolute; left:2px; top:8px; height:35px; width:59px; }
.s_date_lock_btn { position:absolute; left:2px; top:48px; height:35px; width:59px; }

.s_minus_btn      { position:absolute; left:2px; top:8px; height:35px; width:59px;  }
.s_years_btn      { position:absolute; left:259px; top:48px; height:35px; width:59px;  }
.s_backspace_btn  { position:absolute; left:259px; top:88px; height:35px; width:59px;  }
 
 
 /* Date Keyboard CSS */
.s_date_forward_slash_btn { position:absolute; left:2px; top:8px; height:35px; width:59px; }

.s_plus_month     { position:absolute; left:209px; top:8px; height:35px; width:33px; }
.s_plus_day       { position:absolute; left:247px; top:8px; height:35px; width:33px; }
.s_plus_year      { position:absolute; left:285px; top:8px; height:35px; width:33px; }

.s_minus_month    { position:absolute; left:209px; top:48px; height:35px; width:33px; }
.s_minus_day      { position:absolute; left:247px; top:48px; height:35px; width:33px; }
.s_minus_year     { position:absolute; left:285px; top:48px; height:35px; width:33px; }
 
  
/* Amount Keyboard CSS. */
.s_weighted_unknown_btn { position:absolute; left:195px; top:88px; height:35px; width:59px;  }

.s_x1k_btn        { position:absolute; left:195px; top:48px; height:35px; width:27px; }
.s_x100k_btn      { position:absolute; left:227px; top:48px; height:35px; width:27px; }
.s_x1m_btn        { position:absolute; left:259px; top:48px; height:35px; width:27px; }
.s_x1b_btn        { position:absolute; left:291px; top:48px; height:35px; width:27px; }


/* Text Keyboards shared CSS. */
.s_t_n1_btn         { position:absolute; left:2px; top:8px; height:35px; width:27px; }
.s_t_n2_btn         { position:absolute; left:34px; top:8px; height:35px; width:27px; }
.s_t_n3_btn         { position:absolute; left:66px; top:8px; height:35px; width:27px; }
.s_t_n4_btn         { position:absolute; left:98px; top:8px; height:35px; width:27px; }
.s_t_n5_btn         { position:absolute; left:130px; top:8px; height:35px; width:27px; }
.s_t_n6_btn         { position:absolute; left:163px; top:8px; height:35px; width:27px; }
.s_t_n7_btn         { position:absolute; left:195px; top:8px; height:35px; width:27px; }
.s_t_n8_btn         { position:absolute; left:227px; top:8px; height:35px; width:27px; }
.s_t_n9_btn         { position:absolute; left:259px; top:8px; height:35px; width:27px; }
.s_t_n0_btn         { position:absolute; left:291px; top:8px; height:35px; width:27px; }

.s_t_q_btn         { position:absolute; left:2px; top:8px; height:35px; width:27px; }
.s_t_w_btn         { position:absolute; left:34px; top:8px; height:35px; width:27px; }
.s_t_e_btn         { position:absolute; left:66px; top:8px; height:35px; width:27px; }
.s_t_r_btn         { position:absolute; left:98px; top:8px; height:35px; width:27px; }
.s_t_t_btn         { position:absolute; left:130px; top:8px; height:35px; width:27px; }
.s_t_y_btn         { position:absolute; left:163px; top:8px; height:35px; width:27px; }
.s_t_u_btn         { position:absolute; left:195px; top:8px; height:35px; width:27px; }
.s_t_i_btn         { position:absolute; left:227px; top:8px; height:35px; width:27px; }
.s_t_o_btn         { position:absolute; left:259px; top:8px; height:35px; width:27px; }
.s_t_p_btn         { position:absolute; left:291px; top:8px; height:35px; width:27px; }

.s_t_alt_kb_btn    { position:absolute; left:2px; top:48px; height:35px; width:27px; }
.s_t_a_btn         { position:absolute; left:34px; top:48px; height:35px; width:27px; }
.s_t_s_btn         { position:absolute; left:66px; top:48px; height:35px; width:27px; }
.s_t_d_btn         { position:absolute; left:98px; top:48px; height:35px; width:27px; }
.s_t_f_btn         { position:absolute; left:130px; top:48px; height:35px; width:27px; }
.s_t_g_btn         { position:absolute; left:163px; top:48px; height:35px; width:27px; }
.s_t_h_btn         { position:absolute; left:195px; top:48px; height:35px; width:27px; }
.s_t_j_btn         { position:absolute; left:227px; top:48px; height:35px; width:27px; }
.s_t_k_btn         { position:absolute; left:259px; top:48px; height:35px; width:27px; }
.s_t_l_btn         { position:absolute; left:291px; top:48px; height:35px; width:27px; }

.s_t_z_btn         { position:absolute; left:48px; top:88px; height:35px; width:27px; }
.s_t_x_btn         { position:absolute; left:80px; top:88px; height:35px; width:27px; }
.s_t_c_btn         { position:absolute; left:112px; top:88px; height:35px; width:27px; }
.s_t_v_btn         { position:absolute; left:144px; top:88px; height:35px; width:27px; }
.s_t_b_btn         { position:absolute; left:177px; top:88px; height:35px; width:27px; }
.s_t_n_btn         { position:absolute; left:209px; top:88px; height:35px; width:27px; }
.s_t_m_btn         { position:absolute; left:241px; top:88px; height:35px; width:27px; }


.s_t_simi_colon_btn   { position:absolute; left:480px; top:120px; height:35px; width:27px; }
.s_t_single_quote_btn { position:absolute; left:530px; top:120px; height:35px; width:27px; }
.s_t_dash_btn         { position:absolute; left:650px; top:120px; height:35px; width:27px; }
.s_t_equal_btn        { position:absolute; left:705px; top:120px; height:35px; width:27px; }

.s_t_left_bracket_btn  { position:absolute; left:520px; top:70px; height:35px; width:27px; }
.s_t_right_bracket_btn { position:absolute; left:570px; top:70px; height:35px; width:27px; }
.s_t_back_slash_btn    { position:absolute; left:650px; top:70px; height:35px; width:27px; }
.s_t_back_quote_btn    { position:absolute; left:705px; top:70px; height:35px; width:27px; }

.s_t_comma_btn         { position:absolute; left:400px; top:170px; height:35px; width:27px; }
.s_t_dot_btn           { position:absolute; left:450px; top:170px; height:35px; width:27px; }
.s_t_forward_slash_btn { position:absolute; left:500px; top:170px; height:35px; width:27px; }

.s_t_left_shift_btn    { position:absolute; left:2px; top:88px; height:35px; width:41px; }
.s_t_space_btn         { position:absolute; left:66px; top:128px; height:35px; width:58px; }
/*.s_t_right_shift_btn   { position:absolute; left:450px; top:220px; height:35px; width:75px; } */

.s_t_left_shift_on_btn  { position:absolute; left:2px; top:88px; height:35px; width:41px; color:#0192d4; }
/*.s_t_right_shift_on_btn { position:absolute; left:400px; top:220px; height:35px; width:75px; color:#0192d4; }*/

.s_t_backspace_btn    { position:absolute; left:273px; top:88px; height:35px; width:45px; }
.s_t_left_arrow_btn   { position:absolute; left:130px; top:128px; height:35px; width:27px; }
.s_t_right_arrow_btn  { position:absolute; left:163px; top:128px; height:35px; width:27px; }


/* Special Series Keyboard CSS. */
.s_none_btn            { position:absolute; left:2px; top:8px; height:35px; width:100px; font-size:14px;}
.s_amount_step_btn     { position:absolute; left:2px; top:48px; height:35px; width:100px; font-size:14px;}
.s_existing_fixed_btn  { position:absolute; left:2px; top:88px; height:35px; width:100px; font-size:14px;}

.s_fixed_principal_btn { position:absolute; left:107px; top:8px; height:35px; width:105px; font-size:14px;}
.s_interest_only_btn   { position:absolute; left:107px; top:48px; height:35px; width:105px; font-size:14px;}
.s_monthly_skip_btn    { position:absolute; left:107px; top:88px; height:35px; width:105px; font-size:14px;}

.s_percent_step_btn    { position:absolute; left:217px; top:8px; height:35px; width:100px; font-size:14px;}
.s_principal_first_btn { position:absolute; left:217px; top:48px; height:35px; width:100px; font-size:14px;}
.s_skip_payment_btn    { position:absolute; left:217px; top:88px; height:35px; width:100px; font-size:14px;}


/* Specific Line Type Keyboard CSS. */
.s_all_amounts_btn     { position:absolute; left:74px; top:8px; height:35px; width:100px; font-size:14px; }
.s_first_amount_btn    { position:absolute; left:74px; top:48px; height:35px; width:100px; font-size:14px;}
.s_last_amount_btn     { position:absolute; left:74px; top:88px; height:35px; width:100px; font-size:14px;}





/******************** CSS for Compute Options Popup ****************************/
#compute_options_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

.compute_options_large#compute_options_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; left:0px; top:3px; 
    height:430px;  width:640px; z-index:1000; background-color:#00496e; 
    background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}
.compute_options_large#compute_options_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; left:20px; top:40px; 
     height:340px;  width:600px; z-index:1000; background-color:#eeeeee;  
}


.compute_options_large  { position:absolute; }
.compute_options_small  { position:absolute; }
/*
input[type=radio]:checked.compute_options_ios_radio  {margin:0px; padding:0px; background-color:#0072bc; border-color:#555555;}
input[type=radio].compute_options_ios_radio          {margin:0px; padding:0px; background-color:transparent; border-color:#555555;}
input.compute_options_radio                          { margin:0px; padding:0px; height:20px; width:20px;} 

input[type=checkbox]:checked.compute_options_ios_checkbox  {margin:0px; padding:0px; background-color:#0072bc; border-color:#555555;}
input[type=checkbox].compute_options_ios_checkbox          {margin:0px; padding:0px; background-color:transparent; border-color:#555555;}
input[type=checkbox].compute_options_checkbox              { margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; height:15px; width:15px;} 
*/

p.compute_options_large         { height:35px; font-size:14px; text-align:left; color:#333333; padding:0px; margin:0px; }
label.compute_options_large     { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }     
fieldSet.compute_options_large  { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }     

p.compute_options_small         { height:35px; font-size:14px; text-align:left; color:#333333; padding:0px; margin:0px; }
label.compute_options_small     { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }      
fieldSet.compute_options_small  { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }    



.compute_options_large#compute_options_reset_btn_id     { position:absolute; left:60px; top:388px; height:35px; width:190px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.compute_options_large#compute_options_save_as_default_btn_id     { position:absolute; left:260px; top:388px; height:35px; width:140px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.compute_options_large#compute_options_save_btn_id     { position:absolute; left:410px; top:388px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.compute_options_large#compute_options_cancel_btn_id { position:absolute; left:500px; top:388px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.compute_options_large#compute_options_label_id   { position:absolute; left:10px; top:2px; height:35px; width:600px; color:White; font-size:24px; text-align:center; }

.compute_options_large#compute_method_label_id          { left:50px; top:15px; width:200px; }
.compute_options_large#compute_method_normal_id         { left:90px; top:45px; }
.compute_options_large#compute_method_normal_label_id   { left:110px; top:45px; width:300px; }

.compute_options_large#compute_method_canadian_id          { left:420px; top:45px; }
.compute_options_large#compute_method_canadian_label_id    { left:440px; top:45px; width:100px; }
.compute_options_large#compute_method_us_rule_id           { left:90px; top:75px; }
.compute_options_large#compute_method_us_rule_label_id     { left:110px; top:75px; width:300px; }
.compute_options_large#compute_method_rule_of_78_id        { left:420px; top:75px; }
.compute_options_large#compute_method_rule_of_78_label_id  { left:440px; top:75px; width:100px; }

.compute_options_large#canadian_options_box_id    { border:2px solid #aaaaaa; border-radius: 10px; left:95px; top:110px; height:100px;  padding-left:10px;
                              width:440px; background-color:transparent;
}
.compute_options_large#canadian_options_legend_id            { left:70px; color:#999999; }
.compute_options_large#canadian_basis_label_id               { left:140px; top:140px; width:200px; }
.compute_options_large#canadian_basis_semiannual_id          { left:250px; top:140px; }
.compute_options_large#canadian_basis_semiannual_label_id    { left:270px; top:140px; width:120px; }
.compute_options_large#canadian_basis_annual_id              { left:390px; top:140px; }
.compute_options_large#canadian_basis_annual_label_id        { left:410px; top:140px; width:50px; }

.compute_options_large#odd_days_label_id                  { left:140px; top:175px; width:200px; }
.compute_options_large#odd_days_straight_line_id          { left:220px; top:175px; }
.compute_options_large#odd_days_straight_line_label_id    { left:240px; top:175px; width:120px; }
.compute_options_large#odd_days_compounded_id             { left:360px; top:175px; }
.compute_options_large#odd_days_compounded_label_id       { left:380px; top:175px; width:120px; }

.compute_options_large#year_length_label_id           { left:50px; top:235px; width:90px; }
.compute_options_large#year_length_365_id             { left:145px; top:235px; }
.compute_options_large#year_length_365_label_id       { left:165px; top:235px; width:50px; }
.compute_options_large#year_length_364_id             { left:225px; top:235px; }
.compute_options_large#year_length_364_label_id       { left:245px; top:235px; width:50px; }
.compute_options_large#year_length_360_id             { left:305px; top:235px; }
.compute_options_large#year_length_360_label_id       { left:325px; top:235px; width:70px; }

.compute_options_large#date_counting_label_id          { left:50px; top:272px; width:105px; }
.compute_options_large#date_counting_normal_id         { left:160px; top:272px; }
.compute_options_large#date_counting_normal_label_id   { left:180px; top:272px; width:80px; }
.compute_options_large#date_counting_30E3_360_id       { left:255px; top:272px; }
.compute_options_large#date_counting_30E3_360_label_id { left:275px; top:272px; width:80px; }

.compute_options_large#compute_method_whole_dollar_id           { left:50px; top:307px; }
.compute_options_large#compute_method_whole_dollar_label_id     { left:70px; top:307px; width:330px; }


/******************** SMALL CSS for Compute Options Popup  ****************************/
.compute_options_small#compute_options_div_id { display:none; border:2px solid #00496e; border-radius: 10px; position:absolute; left:0px; top:3px; 
    height:300px;  width:310px; z-index:1000; background-color:#eeeeee; overflow-x:hidden; overflow-y:scroll
}
.compute_options_small#compute_options_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; left:0px; top:80px; 
     height:465px;  width:310px; z-index:1000; background-color:#eeeeee;  
}

.compute_options_small#compute_options_reset_btn_id     { position:absolute; left:5px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.compute_options_small#compute_options_save_as_default_btn_id     { position:absolute; left:80px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.compute_options_small#compute_options_save_btn_id     { position:absolute; left:155px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.compute_options_small#compute_options_cancel_btn_id { position:absolute; left:230px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.compute_options_small#compute_options_label_id   { position:absolute; left:55px; top:5px; height:35px; width:180px; color:#333333; font-size:18px; text-align:center; }

.compute_options_small#compute_method_label_id             { left:5px; top:15px; width:200px; }
.compute_options_small#compute_method_normal_id            { left:12px; top:45px; }
.compute_options_small#compute_method_normal_label_id      { left:32px; top:45px; width:300px; }

.compute_options_small#compute_method_us_rule_id           { left:12px; top:75px; }
.compute_options_small#compute_method_us_rule_label_id     { left:32px; top:75px; width:300px; }

.compute_options_small#compute_method_canadian_id          { left:12px; top:105px; }
.compute_options_small#compute_method_canadian_label_id    { left:32px; top:105px; width:100px; }

.compute_options_small#compute_method_rule_of_78_id        { left:12px; top:135px; }
.compute_options_small#compute_method_rule_of_78_label_id  { left:32px; top:135px; width:100px; }

.compute_options_small#canadian_options_box_id    { border:2px solid #aaaaaa; border-radius: 10px; left:8px; top:175px; height:245px;  padding-left:10px;
                              width:280px; background-color:transparent;
}
.compute_options_small#canadian_options_legend_id            { left:20px; color:#999999; }
.compute_options_small#canadian_basis_label_id               { left:50px; top:205px; width:200px; }
.compute_options_small#canadian_basis_semiannual_id          { left:100px; top:240px; }
.compute_options_small#canadian_basis_semiannual_label_id    { left:120px; top:240px; width:170px; }
.compute_options_small#canadian_basis_annual_id              { left:100px; top:280px; }
.compute_options_small#canadian_basis_annual_label_id        { left:120px; top:280px; width:50px; }

.compute_options_small#odd_days_label_id                  { left:50px; top:320px; width:200px; }
.compute_options_small#odd_days_straight_line_id          { left:100px; top:355px; }
.compute_options_small#odd_days_straight_line_label_id    { left:120px; top:355px; width:120px; }
.compute_options_small#odd_days_compounded_id             { left:100px; top:395px; }
.compute_options_small#odd_days_compounded_label_id       { left:120px; top:395px; width:120px; }

.compute_options_small#year_length_label_id           { left:5px; top:440px; width:90px; }
.compute_options_small#year_length_365_id             { left:100px; top:440px; }
.compute_options_small#year_length_365_label_id       { left:120px; top:440px; width:40px; }
.compute_options_small#year_length_364_id             { left:170px; top:440px; }
.compute_options_small#year_length_364_label_id       { left:190px; top:440px; width:40px; }
.compute_options_small#year_length_360_id             { left:240px; top:440px; }
.compute_options_small#year_length_360_label_id       { left:260px; top:440px; width:40px; }

.compute_options_small#date_counting_label_id          { left:5px; top:475px; width:105px; }
.compute_options_small#date_counting_normal_id         { left:115px; top:475px; }
.compute_options_small#date_counting_normal_label_id   { left:135px; top:475px; width:80px; }
.compute_options_small#date_counting_30E3_360_id       { left:210px; top:475px; }
.compute_options_small#date_counting_30E3_360_label_id { left:230px; top:475px; width:80px; }

.compute_options_small#compute_method_whole_dollar_id           { left:5px; top:510px; }
.compute_options_small#compute_method_whole_dollar_label_id     { left:25px; top:510px; width:300px; }





/******************** CSS for Date Lock Popup ****************************/
#lock_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

.lock_large#lock_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; left:0px; top:3px; 
    height:260px;  width:280px; z-index:1000; background-color:#00496e; 
    background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}
.lock_large#locks_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; left:20px; top:40px; 
     height:170px;  width:240px; z-index:1000; background-color:#eeeeee;  
}


.lock_large  { position:absolute; }
.lock_small  { position:absolute; }

p.lock_large         { height:35px; font-size:14px; text-align:left; color:#333333; padding:0px; margin:0px; }
label.lock_large     { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }     
fieldSet.lock_large  { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }     

p.lock_small         { height:35px; font-size:14px; text-align:left; color:#333333; padding:0px; margin:0px; }
label.lock_small     { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }      
fieldSet.lock_small  { height:35px; font-size:14px; text-align:left;color:#333333; padding:0px; margin:0px; }    


.lock_large#lock_save_btn_id     { position:absolute; left:40px; top:220px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.lock_large#lock_cancel_btn_id { position:absolute; left:160px; top:220px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}


.lock_large#locks_window_label_id   { position:absolute; left:10px; top:2px; height:35px; width:260px; color:white; font-size:24px; text-align:center; }

.lock_large#Locks_label_id   { position:absolute; left:30px; top:12px; height:35px; width:240px; color:black; font-size:18px; text-align:left; }

.lock_large#lock28_id        { left:80px; top:45px; }
.lock_large#lock28_label_id  { left:100px; top:45px; width:150px; }
.lock_large#lock29_id        { left:80px; top:75px; }
.lock_large#lock29_label_id  { left:100px; top:75px; width:150px; }
.lock_large#lock30_id        { left:80px; top:105px; }
.lock_large#lock30_label_id  { left:100px; top:105px; width:150px; }
.lock_large#unlocked_id      { left:80px; top:135px; }
.lock_large#unlock_label_id  { left:100px; top:135px; width:150px; }



/******************** SMALL CSS for Compute Options Popup  ****************************/
.lock_small#lock_div_id { display:none; border:2px solid #00496e; border-radius: 10px; position:absolute; left:0px; top:3px; 
    height:300px;  width:310px; z-index:1000; background-color:#eeeeee; overflow-x:hidden; overflow-y:scroll
}
.lock_small#locks_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; left:0px; top:80px; 
     height:465px;  width:310px; z-index:1000; background-color:#eeeeee;  
}



.lock_small#lock_save_btn_id     { position:absolute; left:155px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.lock_small#lock_cancel_btn_id { position:absolute; left:230px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.lock_small#Locks_label_id   { position:absolute; left:55px; top:5px; height:35px; width:180px; color:#333333; font-size:18px; text-align:center; }

.lock_small#lock28_id        { left:100px; top:45px; }
.lock_small#lock28_label_id  { left:120px; top:45px; width:100px; }
.lock_small#lock29_id        { left:100px; top:75px; }
.lock_small#lock29_label_id  { left:120px; top:75px; width:300px; }
.lock_small#lock30_id        { left:100px; top:105px; }
.lock_small#lock30_label_id  { left:120px; top:105px; width:100px; }
.lock_small#unlocked_id      { left:100px; top:135px; }
.lock_small#unlock_label_id  { left:120px; top:135px; width:100px; }



/******************** CSS for Input Setup Popup    ****************************/
#input_setup_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#input_setup_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#input_setup_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#input_setup_div_id p      { color:#333333; padding:0px; }
#input_setup_div_id b      { color:#333333; padding:0px; }
#input_setup_div_id label  { color:#333333; padding:0px; }
#input_setup_div_id span   { color:#333333; position:relative; top: 0px; line-height:30px; }
#input_setup_div_id input[type=text]      { color:#333333; background-color:White; border:1px;  padding:4px; text-align:right; width:20px; } 
/* #input_setup_div_id input[type=checkbox]  { margin-left: 0; padding-left: 0;  background-color:transparent; } */

.in_input_div     { background-color:transparent; min-width:20px; max-height:25px; display:inline-block; overflow:hidden; }
.in_ios_input_div { background-color:White; min-width:20px; max-height:25px; display:inline-block; overflow:hidden;border:1px solid #bbbbbb; border-color:#333333; }

/*
input[type=radio]:checked.in_ios_radio  { margin:3px 0px 0px 0px; padding:0px; background-color:#0072bc; border-color:#555555;}
input[type=radio].in_ios_radio          { margin:3px 0px 0px 0px; padding:0px; background-color:transparent; border-color:#555555;}
input[type=radio].in_radio              { margin:3px 0px 0px 0px; padding:0px; height:20px; width:20px;} 

input[type=checkbox]:checked.in_ios_checkbox  {margin:3px 0px 0px 0px; padding:0px; background-color:#0072bc; border-color:#555555;}
input[type=checkbox].in_ios_checkbox          {margin:3px 0px 0px 0px; padding:0px; background-color:transparent; border-color:#555555;}
input[type=checkbox].in_checkbox              { margin:3px 0px 0px 0px; padding:3px 0px 0px 0px; height:15px; width:15px;} 
*/

.in_std#input_setup_div_id { left:0px; top:3px; height:380px;  width:590px; background-color:#00496e;  
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.in_std#input_setup_inner_div_id { left:20px; top:40px; height:290px; width:550px; }

.in_std#in_reset_btn_id     { position:absolute; left:35px; top:338px; height:35px; width:190px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_std#in_save_as_default_btn_id     { position:absolute; left:235px; top:338px; height:35px; width:140px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_std#in_save_btn_id     { position:absolute; left:385px; top:338px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_std#in_cancel_btn_id { position:absolute; left:475px; top:338px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.in_std#in_label_id   { position:absolute; left:10px; top:2px; height:35px; width:570px; color:White; font-size:24px; text-align:center; }

#in_select_compounding_id            { position:relative; left:0px; top:0px; height:25px; width:150px; font-size:14px; background-color:White; border:1px solid #333333; color:#333333; }

.in_std#in_compounding_label_id      { position:absolute; left:40px; top:24px; height:35px; width:200px; font-size:14px; text-align:left;}
.in_std#in_compounding_div_id        { position:absolute; left:250px; top:17px; height:30px; width:150px; font-size:14px;  padding:1px 4px 1px 4px; }
.in_std#in_compounding_id            { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:14px;  }

#in_select_event_id                  {position:relative; left:0px; top:0px; height:25px; width:150px; font-size:14px; background-color:White; border:1px solid #000000; color:#333333; }

.in_std#in_event_label_id            { position:absolute; left:40px; top:59px; height:35px; width:200px; font-size:14px; text-align:left;}
.in_std#in_event_div_id              { position:absolute; left:250px; top:52px; height:30px; width:150px; font-size:14px;  padding:1px 4px 1px 4px;}
.in_std#in_event_id                  { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:14px;}

.in_std#in_date_of_label_id          { position:absolute; left:40px; top:95px; height:35px; width:245px; font-size:14px; text-align:left;}
.in_std#in_one_period_after_id       { position:absolute; left:290px; top:95px; }
.in_std#in_one_period_after_label_id { position:absolute; left:310px; top:95px; height:35px; width:300px; font-size:14px;}
.in_std#in_same_date_id              { position:absolute; left:290px; top:125px; }
.in_std#in_same_date_label_id        { position:absolute; left:310px; top:125px; height:35px; width:300px; font-size:14px;}

.in_std#in_warn_multiple_lines_id        { position:absolute; left:40px; top:153px; }
.in_std#in_warn_multiple_lines_label_id  { position:absolute; left:60px; top:153px; height:35px; width:300px; font-size:14px;}

.in_std#date_format_label_id          { position:absolute; left:40px; top:188px; font-size:14px; text-align:left; }
.in_std#month_day_format_id           { position:absolute; left:130px; top:188px; }
.in_std#month_day_format_label_id     { position:absolute; left:150px; top:188px; height:35px; width:100px; font-size:14px;}
.in_std#day_month_format_id           { position:absolute; left:280px; top:188px; }
.in_std#day_month_format_label_id     { position:absolute; left:300px; top:188px; height:35px; width:100px; font-size:14px;}

.in_std#fraction_separator_label_id   { position:absolute; left:40px; top:222px; height:35px; width:300px; font-size:14px; }
.in_std#fraction_separator_div_id     { position:absolute; left:340px; top:215px; height:30px; width:24px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.in_std#fraction_separator_id         { position:relative; left:0px; top:3px; height:30px; width:20px; font-size:14px; }

.in_std#thousands_separator_label_id  { position:absolute; left:40px; top:257px; height:35px; width:300px; font-size:14px; }
.in_std#thousands_separator_div_id    { position:absolute; left:340px; top:250px; height:30px; width:24px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.in_std#thousands_separator_id        { position:relative; left:0px; top:3px; height:30px; width:20px; font-size:14px;  }

/*
.in_std#in_whole_dollar_id           { position:absolute; left:40px; top:180px; }
.in_std#in_whole_dollar_label_id     { position:absolute; left:60px; top:180px; height:35px; width:300px; font-size:14px;}
*/



/******************** CSS for Input Setup Popup - Small Ios    ****************************/
.in_small#input_setup_div_id { left:0px; top:3px; height:500px;  width:310px; overflow-x:hidden; overflow-y:scroll}

/*.in_small#input_setup_inner_div_id { left:0px; top:40px; height:310px; width:310px; }  No inner div for small version. */

.in_small#in_reset_btn_id     { position:absolute; left:5px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%; }

.in_small#in_save_as_default_btn_id     { position:absolute; left:80px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%; }

.in_small#in_save_btn_id     { position:absolute; left:155px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%; }

.in_small#in_cancel_btn_id { position:absolute; left:230px; top:40px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%; }


.in_small#in_label_id   { position:absolute; left:80px; top:5px; height:35px; width:150px; color:#333333; font-size:20px; text-align:center; }

.in_small#in_compounding_label_id      { position:absolute; left:5px; top:95px; height:35px; width:150px; font-size:14px; text-align:left;}
.in_small#in_compounding_div_id        { position:absolute; left:160px; top:90px; height:35px; min-width:140px; width:140px; font-size:14px;  border:1px solid #bbbbbb; padding:0px 0px 0px 4px;}
.in_small#in_compounding_id            { position:relative; left:0px; top:4px; height:20px; min-width:140px; width:140px; font-size:14px; padding:0px 0px 0px 0px; }

.in_small#in_event_label_id            { position:absolute; left:5px; top:135px; height:35px; width:150px; font-size:14px; text-align:left;}
.in_small#in_event_div_id              { position:absolute; left:160px; top:130px; height:35px; min-width:140px; width:140px; font-size:14px; border:1px solid #bbbbbb; padding:0px 0px 0px 4px;}
.in_small#in_event_id                  { position:relative; left:0px; top:4px; height:20px; min-width:140px; width:140px; font-size:14px; padding:0px 0px 0px 0px;}

.in_small#in_date_of_label_id          { position:absolute; left:5px; top:170px; height:35px; width:260px; font-size:14px; text-align:left;}
.in_small#in_one_period_after_id       { position:absolute; left:30px; top:200px; }
.in_small#in_one_period_after_label_id { position:absolute; left:50px; top:200px; height:35px; width:300px; font-size:14px;}
.in_small#in_same_date_id              { position:absolute; left:30px; top:240px; }
.in_small#in_same_date_label_id        { position:absolute; left:50px; top:240px; height:35px; width:300px; font-size:14px;}

.in_small#in_warn_multiple_lines_id        { position:absolute; left:5px; top:280px; }
.in_small#in_warn_multiple_lines_label_id  { position:absolute; left:25px; top:280px; height:35px; width:300px; font-size:14px;}


.in_small#date_format_label_id          { position:absolute; left:5px; top:320px; font-size:14px; text-align:left; }
.in_small#month_day_format_id           { position:absolute; left:30px; top:350px; }
.in_small#month_day_format_label_id     { position:absolute; left:50px; top:350px; height:35px; width:100px; font-size:14px;}
.in_small#day_month_format_id           { position:absolute; left:30px; top:390px; }
.in_small#day_month_format_label_id     { position:absolute; left:50px; top:390px; height:35px; width:100px; font-size:14px;}

.in_small#fraction_separator_label_id   { position:absolute; left:5px; top:435px; height:35px; width:255px; font-size:14px; }
.in_small#fraction_separator_div_id     { position:absolute; left:265px; top:430px; height:30px; width:24px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.in_small#fraction_separator_id         { position:relative; left:0px; top:3px; height:30px; width:20px; font-size:14px; }

.in_small#thousands_separator_label_id  { position:absolute; left:5px; top:475px; height:35px; width:255px; font-size:14px; }
.in_small#thousands_separator_div_id    { position:absolute; left:265px; top:470px; height:30px; width:24px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.in_small#thousands_separator_id        { position:relative; left:0px; top:3px; height:30px; width:20px; font-size:14px;  }




/******************** CSS for Rates Popup    ****************************/
#rates_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#rates_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#rates_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#rates_div_id p      { color:#333333; padding:0px; text-align:right; }
#rates_div_id b      { color:#333333; padding:0px; }
#rates_div_id span   { color:#333333; position:relative; top:3px; padding:0px; background-color:transparent; border-width:0px; }
#rates_div_id input[type=text]      { color:#333333; background-color:White; border:1px;  padding:4px; text-align:right; width:150px; } 
/* #input_setup_div_id input[type=checkbox]  { margin-left: 0; padding-left: 0;  background-color:transparent; } */

.rates_input_div     { background-color:transparent; min-width:20px; max-height:25px; display:inline-block; overflow:hidden; }
.rates_ios_input_div { background-color:White; min-width:20px; max-height:25px; display:inline-block; overflow:hidden;border:1px solid #bbbbbb; border-color:#333333; }

.rates_std#rates_div_id { left:0px; top:3px; height:210px; width:390px; background-color:#00496e;  
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.rates_std#rates_nominal_label_id    { position:absolute; left:10px; top:15px; height:35px; width:180px; text-align:right; font-size:16px; color:white; }
.rates_std#rates_nominal_div_id      { position:absolute; left:200px; top:10px; height:30px; width:154px; font-size:16px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_std#rates_nominal_id          { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:16px; }
.rates_std#rates_nominal_percent_id  { position:absolute; left:370px; top:17px; height:30px; width:10px; font-size:16px; color:white; }

.rates_std#rates_effective_label_id  { position:absolute; left:10px; top:50px; height:35px; width:180px; text-align:right; font-size:16px; color:white; }
.rates_std#rates_effective_div_id    { position:absolute; left:200px; top:45px; height:30px; width:154px; font-size:16px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_std#rates_effective_id        { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:16px;  }
.rates_std#rates_effective_percent_id  { position:absolute; left:370px; top:52px; height:30px; width:10px; font-size:16px; color:white; }

.rates_std#rates_periodic_label_id   { position:absolute; left:10px; top:85px; height:35px; width:180px; text-align:right; font-size:16px; color:white; }
.rates_std#rates_periodic_div_id     { position:absolute; left:200px; top:80px; height:30px; width:154px; font-size:16px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_std#rates_periodic_id         { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:16px;  }
.rates_std#rates_periodic_undefined_id { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:16px; text-align:right; }
.rates_std#rates_periodic_percent_id { position:absolute; left:370px; top:87px; height:30px; width:10px; font-size:16px; color:white; }

.rates_std#rates_daily_label_id      { position:absolute; left:10px; top:120px; height:35px; width:180px; text-align:right; font-size:16px; color:white; }
.rates_std#rates_daily_div_id        { position:absolute; left:200px; top:115px; height:30px; width:154px; font-size:16px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_std#rates_daily_id            { position:relative; left:0px; top:3px; height:30px; width:150px; font-size:16px;  }
.rates_std#rates_daily_percent_id    { position:absolute; left:370px; top:122px; height:30px; width:10px; font-size:16px; color:white; }


.rates_std#rates_ok_btn_id     { position:absolute; left:50px; top:165px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.rates_std#rates_cancel_btn_id { position:absolute; left:260px; top:165px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}



/******************** CSS for Rates Popup - Small Ios    ****************************/
.rates_small#rates_div_id { overflow:scroll; left:0px; top:3px; height:190px; width:320px; background-color:#eeeeee; border:3px solid #00496e; }

.rates_small#rates_ok_btn_id     { position:absolute; left:5px; top:5px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%; }

.rates_small#rates_cancel_btn_id { position:absolute; left:245px; top:5px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/gray_button.png');  background-repeat:no-repeat; background-size:100% 100%; }

.rates_small#rates_nominal_label_id    { position:absolute; left:5px; top:50px; height:35px; width:145px; font-size:14px; color:#333333; }
.rates_small#rates_nominal_div_id      { position:absolute; left:155px; top:45px; height:30px; width:129px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_small#rates_nominal_id          { position:relative; left:0px; top:3px; height:30px; width:125px; font-size:14px; color:#333333; }
.rates_small#rates_nominal_percent_id  { position:absolute; left:300px; top:50px; height:30px; width:10px; font-size:16px; color:#333333; }

.rates_small#rates_effective_label_id  { position:absolute; left:5px; top:85px; height:35px; width:145px; font-size:14px; color:#333333; }
.rates_small#rates_effective_div_id    { position:absolute; left:155px; top:80px; height:30px; width:129px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_small#rates_effective_id        { position:relative; left:0px; top:3px; height:30px; width:125px; font-size:14px; color:#333333;  }
.rates_small#rates_effective_percent_id  { position:absolute; left:300px; top:85px; height:30px; width:10px; font-size:16px; color:#333333; }

.rates_small#rates_periodic_label_id  { position:absolute; left:5px; top:120px; height:35px; width:145px; font-size:14px; color:#333333; }
.rates_small#rates_periodic_div_id    { position:absolute; left:155px; top:115px; height:30px; width:129px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_small#rates_periodic_id        { position:relative; left:0px; top:3px; height:30px; width:125px; font-size:14px; color:#333333;  }
.rates_small#rates_periodic_percent_id  { position:absolute; left:300px; top:120px; height:30px; width:10px; font-size:16px; color:#333333; }

.rates_small#rates_daily_label_id  { position:absolute; left:5px; top:155px; height:35px; width:145px; font-size:14px; color:#333333; }
.rates_small#rates_daily_div_id    { position:absolute; left:155px; top:150px; height:30px; width:129px; font-size:14px; border:solid 1px; background-color:white; padding:1px 4px 1px 4px; }
.rates_small#rates_daily_id        { position:relative; left:0px; top:3px; height:30px; width:125px; font-size:14px; color:#333333;  }
.rates_small#rates_daily_percent_id  { position:absolute; left:300px; top:155px; height:30px; width:10px; font-size:16px; color:#333333; }



/******************** CSS for Report Range Popup    ****************************/
#report_range_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#report_range_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#report_range_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#report_range_div_id p      { color:#333333; padding:0px; font-size:14px; white-space:nowrap; }
#report_range_div_id label  { color:#333333; padding:0px; height:30px; width:100px; font-size:14px;}
#report_range_div_id span   { color:#333333; position:relative; top: 0px; line-height:25px; padding:0px 0px 0px 2px;}
#report_range_div_id input[type=text]      { color:#333333; background-color:White; border: 0px;  padding:4px; font-size:14px; white-space:nowrap;} 

.rr_input_div     { background-color:transparent; min-width:50px; display:inline-block; padding:4px; overflow:hidden; }
.rr_ios_input_div { background-color:White; min-width:50px; max-height:25px; display:inline-block; overflow:hidden; }
.rr_input         { position:relative; left:-4px; top:-5px; }
.rr_ios_input     { position:relative; left:0px; top:0px; }

.rr_std#report_range_div_id { left:0px; top:3px; height:200px;  width:440px; background-color:#00496e;     
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.rr_std#report_range_inner_div_id { left:20px; top:40px; height:110px; width:400px; }

/*.rr_std#rr_save_and_recreate_btn_id     { position:absolute; left:22px; top:160px; height:35px; width:150px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
} */
.rr_std#rr_save_and_recreate_btn_id     { position:absolute; left:194px; top:160px; height:35px; width:100px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}  
/*.rr_std#rr_save_btn_id     { position:absolute; left:194px; top:160px; height:35px; width:100px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}  */

.rr_std#rr_cancel_btn_id { position:absolute; left:316px; top:160px; height:35px; width:100px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.rr_std#rr_label_id   { position:absolute; left:0px; top:2px; height:35px; width:440px; color:White; font-size:24px; text-align:center; }


.rr_std#r_amount_id              { position:absolute; left:0px; top:5px; width:380px; text-align:center; font-size:18px; font-weight:bold; }
.rr_std#r_to_account_for_id      { position:absolute; left:0px; top:25px; width:380px; text-align:center; }
.rr_std#r_date_id                { position:absolute; left:0px; top:45px; width:380px; text-align:center; }


.rr_std#rr_all_id                { position:absolute; left:20px; top:20px; }
.rr_std#rr_all_label_id          { position:absolute; left:40px; top:20px; width:40px;}

.rr_std#rr_part_id               { position:absolute; left:20px; top:60px; }
.rr_std#rr_part_label_id         { position:absolute; left:40px; top:60px; width:40px;}

#rr_from_date_label_id         { position:absolute; left:75px; top:60px; width: 50px; text-align:right; }
.rr_std#rr_from_date_div_id    { position:absolute; left:130px; top:56px; height:20px; width:100px; font-size:14px; border:1px solid #bbbbbb; }
.rr_std#rr_from_date_id        { height:20px; width:100px; }

#rr_to_date_label_id           { position:absolute; left:235px; top:60px; width:30px; text-align:right; }
.rr_std#rr_to_date_div_id      { position:absolute; left:270px; top:56px; height:20px; width:100px; font-size:14px; border:1px solid #bbbbbb; }
.rr_std#rr_to_date_id          { height:20px; width:100px; }




/******************** CSS for Include Options Popup    ****************************/
#include_options_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#include_options_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#include_options_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#include_options_div_id p      { color:#333333; padding:0px; }
#include_options_div_id b      { color:#333333; padding:0px; }
#include_options_div_id label  { color:#333333; padding:0px; }
#include_options_div_id span   { color:#333333; position:relative; top: 0px; line-height:30px; }


.in_std#include_options_div_id { left:0px; top:3px; height:330px;  width:590px; background-color:#00496e;     
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.in_std#include_options_inner_div_id { left:20px; top:40px; height:240px; width:550px; }

.in_std#include_options_reset_btn_id     { position:absolute; left:35px; top:288px; height:35px; width:190px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_std#include_options_save_as_default_btn_id     { position:absolute; left:235px; top:288px; height:35px; width:140px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_std#include_options_save_btn_id     { position:absolute; left:385px; top:288px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_std#include_options_cancel_btn_id { position:absolute; left:475px; top:288px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.in_std#include_options_label_id   { position:absolute; left:10px; top:2px; height:35px; width:570px; color:White; font-size:24px; text-align:center; }


.in_std#include_date_id                 { position:absolute; left:10px; top:10px; }
.in_std#include_date_label_id           { position:absolute; left:30px; top:10px; height:35px; width:110px; font-size:14px;}

.in_std#include_time_id                 { position:absolute; left:150px; top:10px; }
.in_std#include_time_label_id           { position:absolute; left:170px; top:10px; height:35px; width:110px; font-size:14px;}

.in_std#include_label_id                { position:absolute; left:290px; top:10px; }
.in_std#include_label_label_id          { position:absolute; left:310px; top:10px; height:35px; width:110px; font-size:14px;}

.in_std#include_compounding_id          { position:absolute; left:430px; top:10px; }
.in_std#include_compounding_label_id    { position:absolute; left:450px; top:10px; height:35px; width:110px; font-size:14px;}

.in_std#include_rounding_id             { position:absolute; left:10px; top:40px; }
.in_std#include_rounding_label_id       { position:absolute; left:30px; top:40px; height:35px; width:110px; font-size:14px;}

.in_std#include_memo_id                 { position:absolute; left:150px; top:40px; }
.in_std#include_memo_label_id           { position:absolute; left:170px; top:40px; height:35px; width:110px; font-size:14px;}

.in_std#include_combine_events_id       { position:absolute; left:290px; top:40px; }
.in_std#include_combine_events_label_id { position:absolute; left:310px; top:40px; height:35px; width:110px; font-size:14px;}

.in_std#include_seperator_line1_id      { position:absolute; left:10px; top:70px; width:530px; height:2px; font-size:8px; text-align:right; 
                                          background-color:transparent; border:0px; border-bottom:2px solid #888888; }
 
.in_std#include_totals_id               { position:absolute; left:0px; top:75px; width:530px; height:35px; font-size:14px; text-align:center; color:#888888; }

.in_std#include_totals_only_id          { position:absolute; left:10px; top:95px; }
.in_std#include_totals_only_label_id    { position:absolute; left:30px; top:95px; height:35px; width:110px; font-size:14px;}

.in_std#include_monthly_id              { position:absolute; left:150px; top:95px; }
.in_std#include_monthly_label_id        { position:absolute; left:170px; top:95px; height:35px; width:110px; font-size:14px;}

.in_std#include_quarterly_id            { position:absolute; left:290px; top:95px; }
.in_std#include_quarterly_label_id      { position:absolute; left:310px; top:95px; height:35px; width:110px; font-size:14px;}

.in_std#include_annual_id               { position:absolute; left:430px; top:95px; }
.in_std#include_annual_label_id         { position:absolute; left:450px; top:95px; height:35px; width:110px; font-size:14px;}

.in_std#include_grand_id                { position:absolute; left:10px; top:125px; }
.in_std#include_grand_label_id          { position:absolute; left:30px; top:125px; height:35px; width:110px; font-size:14px;}

.in_std#include_seperator_line2_id      { position:absolute; left:10px; top:155px; width:530px; height:2px; font-size:8px; text-align:right; 
                                          background-color:transparent; border:0px; border-bottom:2px solid #888888; }

.in_std#include_rates_id                { position:absolute; left:0px; top:160px; width:530px; height:35px; font-size:14px; text-align:center; color:#888888; }

.in_std#include_nominal_id              { position:absolute; left:10px; top:180px; }
.in_std#include_nominal_label_id        { position:absolute; left:30px; top:180px; height:35px; width:120px; font-size:14px;}

.in_std#include_effective_id            { position:absolute; left:150px; top:180px; }
.in_std#include_effective_label_id      { position:absolute; left:170px; top:180px; height:35px; width:120px; font-size:14px;}

.in_std#include_periodic_id             { position:absolute; left:290px; top:180px; }
.in_std#include_periodic_label_id       { position:absolute; left:310px; top:180px; height:35px; width:120px; font-size:14px;}

.in_std#include_daily_id                { position:absolute; left:430px; top:180px; }
.in_std#include_daily_label_id          { position:absolute; left:450px; top:180px; height:35px; width:120px; font-size:14px;}

.in_std#include_rate_changes_id         { position:absolute; left:10px; top:210px; }
.in_std#include_rate_changes_label_id   { position:absolute; left:30px; top:210px; height:35px; width:120px; font-size:14px;}

.in_std#include_apr_id                  { position:absolute; left:150px; top:210px; }
.in_std#include_apr_label_id            { position:absolute; left:170px; top:210px; height:35px; width:120px; font-size:14px;}




/******************** CSS for Include Options Popup - Small Ios    ****************************/


.in_small#include_options_div_id { left:0px; top:3px; height:330px;  width:590px; background-color:#00496e;     
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.in_small#include_options_inner_div_id { left:20px; top:40px; height:240px; width:550px; }

.in_small#include_options_reset_btn_id     { position:absolute; left:35px; top:288px; height:35px; width:190px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_small#include_options_save_as_default_btn_id     { position:absolute; left:235px; top:288px; height:35px; width:140px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_small#include_options_save_btn_id     { position:absolute; left:385px; top:288px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.in_small#include_options_cancel_btn_id { position:absolute; left:475px; top:288px; height:35px; width:80px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.in_small#include_options_label_id   { position:absolute; left:10px; top:2px; height:35px; width:570px; color:White; font-size:24px; text-align:center; }


.in_small#include_date_id                 { position:absolute; left:10px; top:10px; }
.in_small#include_date_label_id           { position:absolute; left:30px; top:10px; height:35px; width:110px; font-size:14px;}

.in_small#include_time_id                 { position:absolute; left:150px; top:10px; }
.in_small#include_time_label_id           { position:absolute; left:170px; top:10px; height:35px; width:110px; font-size:14px;}

.in_small#include_label_id                { position:absolute; left:290px; top:10px; }
.in_small#include_label_label_id          { position:absolute; left:310px; top:10px; height:35px; width:110px; font-size:14px;}

.in_small#include_compounding_id          { position:absolute; left:430px; top:10px; }
.in_small#include_compounding_label_id    { position:absolute; left:450px; top:10px; height:35px; width:110px; font-size:14px;}

.in_small#include_rounding_id             { position:absolute; left:10px; top:40px; }
.in_small#include_rounding_label_id       { position:absolute; left:30px; top:40px; height:35px; width:110px; font-size:14px;}

.in_small#include_memo_id                 { position:absolute; left:150px; top:40px; }
.in_small#include_memo_label_id           { position:absolute; left:170px; top:40px; height:35px; width:110px; font-size:14px;}

.in_small#include_combine_events_id       { position:absolute; left:290px; top:40px; }
.in_small#include_combine_events_label_id { position:absolute; left:310px; top:40px; height:35px; width:110px; font-size:14px;}

.in_small#include_seperator_line1_id      { position:absolute; left:10px; top:70px; width:530px; height:2px; font-size:8px; text-align:right; 
                                          background-color:transparent; border:0px; border-bottom:2px solid #888888; }
 
.in_small#include_totals_id               { position:absolute; left:0px; top:75px; width:530px; height:35px; font-size:14px; text-align:center; color:#888888; }

.in_small#include_totals_only_id          { position:absolute; left:10px; top:95px; }
.in_small#include_totals_only_label_id    { position:absolute; left:30px; top:95px; height:35px; width:110px; font-size:14px;}

.in_small#include_monthly_id              { position:absolute; left:150px; top:95px; }
.in_small#include_monthly_label_id        { position:absolute; left:170px; top:95px; height:35px; width:110px; font-size:14px;}

.in_small#include_quarterly_id            { position:absolute; left:290px; top:95px; }
.in_small#include_quarterly_label_id      { position:absolute; left:310px; top:95px; height:35px; width:110px; font-size:14px;}

.in_small#include_annual_id               { position:absolute; left:430px; top:95px; }
.in_small#include_annual_label_id         { position:absolute; left:450px; top:95px; height:35px; width:110px; font-size:14px;}

.in_small#include_grand_id                { position:absolute; left:10px; top:125px; }
.in_small#include_grand_label_id          { position:absolute; left:30px; top:125px; height:35px; width:110px; font-size:14px;}

.in_small#include_seperator_line2_id      { position:absolute; left:10px; top:155px; width:530px; height:2px; font-size:8px; text-align:right; 
                                          background-color:transparent; border:0px; border-bottom:2px solid #888888; }

.in_small#include_rates_id                { position:absolute; left:0px; top:160px; width:530px; height:35px; font-size:14px; text-align:center; color:#888888; }

.in_small#include_nominal_id              { position:absolute; left:10px; top:180px; }
.in_small#include_nominal_label_id        { position:absolute; left:30px; top:180px; height:35px; width:120px; font-size:14px;}

.in_small#include_effective_id            { position:absolute; left:150px; top:180px; }
.in_small#include_effective_label_id      { position:absolute; left:170px; top:180px; height:35px; width:120px; font-size:14px;}

.in_small#include_periodic_id             { position:absolute; left:290px; top:180px; }
.in_small#include_periodic_label_id       { position:absolute; left:310px; top:180px; height:35px; width:120px; font-size:14px;}

.in_small#include_daily_id                { position:absolute; left:430px; top:180px; }
.in_small#include_daily_label_id          { position:absolute; left:450px; top:180px; height:35px; width:120px; font-size:14px;}

.in_small#include_rate_changes_id         { position:absolute; left:10px; top:210px; }
.in_small#include_rate_changes_label_id   { position:absolute; left:30px; top:210px; height:35px; width:120px; font-size:14px;}

.in_small#include_apr_id                  { position:absolute; left:150px; top:210px; }
.in_small#include_apr_label_id            { position:absolute; left:170px; top:210px; height:35px; width:120px; font-size:14px;}




/******************** CSS for Rounding Popup    ****************************/
#rounding_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#rounding_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#rounding_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#rounding_div_id p      { color:#333333; padding:0px; font-size:14px; white-space:nowrap; }
#rounding_div_id b      { color:#333333; padding:0px; }
#rounding_div_id label  { color:#333333; padding:0px; height:30px; width:100px; font-size:14px;}
#rounding_div_id span   { color:#333333; position:relative; top: 0px; line-height:25px; padding:0px 0px 0px 2px;}
#rounding_div_id input[type=text]      { color:#333333; background-color:White; border: 0px;  padding:0px 0px 0px 2px; font-size:14px; white-space:nowrap;} 

.r_input_div     { background-color:transparent; min-width:50px; display:inline-block; overflow:hidden; }
.r_ios_input_div { background-color:White; min-width:50px; max-height:25px; display:inline-block; overflow:hidden; }
.r_input         { position:relative; left:0px; top:0px; }
.r_ios_input     { position:relative; left:0px; top:4px; }

.r_std#rounding_div_id { left:0px; top:3px; height:380px;  width:510px; background-color:#00496e;     
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.r_std#rounding_inner_div_id { left:20px; top:40px; height:292px; width:470px; }

.r_std#r_ok_btn_id     { position:absolute; left:110px; top:340px; height:35px; width:100px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.r_std#r_cancel_btn_id { position:absolute; left:300px; top:340px; height:35px; width:100px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.r_std#r_label_id   { position:absolute; left:0px; top:2px; height:35px; width:510px; color:White; font-size:24px; text-align:center; }


.r_std#r_amount_id              { position:absolute; left:0px; top:5px; width:470px; text-align:center; font-size:18px; font-weight:bold; }
.r_std#r_to_account_for_id      { position:absolute; left:0px; top:25px; width:470px; text-align:center; }
.r_std#r_date_id                { position:absolute; left:0px; top:45px; width:470px; text-align:center; }

.r_std#r_how_do_you_box_id      { position:absolute; border:1px solid #aaaaaa; border-radius:10px; left:15px; top:70px; height:197px;  padding-left:10px;
                                    width:415px; background-color:transparent; font-size:14px; color:#333333; }
.r_std#r_how_do_you_legend_id   { }

.r_std#r_last_id                { position:absolute; left:30px; top:100px; }
.r_std#r_last_label_id          { position:absolute; left:50px; top:100px; width:390px;}

.r_std#r_first_id               { position:absolute; left:30px; top:130px; }
.r_std#r_first_label_id         { position:absolute; left:50px; top:130px; width:390px;}

.r_std#r_balloon_id             { position:absolute; left:30px; top:160px; }
.r_std#r_balloon_label_id       { position:absolute; left:50px; top:160px; height:22px; width:390px; overflow:hidden; }

.r_std#r_specific_line_id       { position:absolute; left:30px; top:190px; }
.r_std#r_specific_line_label_id { position:absolute; left:50px; top:190px; width:100px;}

.r_std#r_specific_line_number_div_id        { position:absolute; left:135px; top:185px; height:25px; width:80px; font-size:14px; border:1px solid #bbbbbb; padding:0px 0px 0px 0px; }
.r_std#r_specific_line_number_id            { height:25px; width:80px; padding:0px 0px 0px 2px; }

.r_std#r_select_specific_line_type_id       { position:absolute; left:230px; top:185px; height:27px; width:120px; font-size:14px; border:1px solid #bbbbbb; 
                                              background-color:White; color:#333333; }

.r_std#r_open_balance_id        { position:absolute; left:30px; top:220px; }
.r_std#r_open_balance_label_id  { position:absolute; left:50px; top:220px; width:100px;}

.r_std#r_ignore_id              { position:absolute; left:30px; top:250px; }
.r_std#r_ignore_label_id        { position:absolute; left:50px; top:250px; width:250px;}





/******************** CSS for Rounding Popup - Small ios    ****************************/

.r_small#rounding_div_id { left:0px; top:3px; height:280px;  width:310px; overflow-x:hidden; overflow-y:scroll }

.r_small#r_ok_btn_id     { position:absolute; left:5px; top:3px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.r_small#r_cancel_btn_id { position:absolute; left:235px; top:3px; height:35px; width:70px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.r_small#r_label_id   { position:absolute; left:5px; top:2px; height:30px; width:310px; color:#333333; font-size:24px; text-align:center; }


.r_small#r_amount_id              { position:absolute; left:0px; top:30px; width:310px; text-align:center; font-size:18px; font-weight:bold; }
.r_small#r_to_account_for_id      { position:absolute; left:0px; top:50px; width:165px; text-align:right; }
.r_small#r_date_id                { position:absolute; left:170px; top:50px; width:177px; text-align:left; }

.r_small#r_how_do_you_box_id      { position:absolute; border:0px solid #aaaaaa; border-radius:10px; left:-8px; top:74px; height:165px;  padding-left:10px;
                                    width:298px; background-color:transparent; font-size:14px; color:#333333; }
.r_small#r_how_do_you_legend_id   { }

.r_small#r_last_id                { position:absolute; left:5px; top:100px; }
.r_small#r_last_label_id          { position:absolute; left:25px; top:100px; width: 260px; }

.r_small#r_first_id               { position:absolute; left:5px; top:130px; }
.r_small#r_first_label_id         { position:absolute; left:25px; top:130px; width: 260px; }

.r_small#r_balloon_id             { position:absolute; left:5px; top:160px; }
.r_small#r_balloon_label_id       { position:absolute; left:25px; top:160px; width: 260px; height:20px; overflow:hidden;}

.r_small#r_specific_line_id       { position:absolute; left:5px; top:190px; }
.r_small#r_specific_line_label_id { position:absolute; left:25px; top:190px; width: 100px; }

.r_small#r_specific_line_number_div_id        { position:absolute; left:115px; top:185px; height:25px; width:30px; font-size:14px; border:1px solid #bbbbbb; padding:0px 0px 0px 0px; }
.r_small#r_specific_line_number_id            { height:25px; width:30px; padding:0px 0px 0px 2px; }

.r_small#r_select_specific_line_type_div_id   { position:absolute; left:175px; top:185px; height:25px; width:90px; font-size:14px; border:1px solid #bbbbbb; padding:0px 0px 0px 0px; }
.r_small#r_select_specific_line_type_id       { height:25px; width:90px; font-size:14px; padding:0px 0px 0px 2px; }

.r_small#r_open_balance_id        { position:absolute; left:5px; top:220px; }
.r_small#r_open_balance_label_id  { position:absolute; left:25px; top:220px; width: 100px; }

.r_small#r_ignore_id              { position:absolute; left:5px; top:250px; }
.r_small#r_ignore_label_id        { position:absolute; left:25px; top:250px; width: 250px; }




/******************** CSS for Balance Popup    ****************************/
#balance_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#balance_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#balance_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#balance_div_id p      { color:#333333; padding:0px; font-size:14px; }
#balance_div_id span   { color:#333333; position:relative; top: 0px; line-height:25px; padding:0px 0px 0px 2px;}
#balance_div_id input[type=text]      { color:#333333; background-color:White; border: 0px;  padding:4px; font-size:14px; white-space:nowrap;} 

.b_input_div     { height:20px; width:130px; font-size:14px; border:1px solid #bbbbbb; padding:5px 4px 3px 4px; text-align:right; overflow:hidden;}
.b_ios_input_div { height:20px; width:130px; font-size:14px; border:1px solid #bbbbbb; padding:4px; background-color:White; overflow:hidden; display:inline-block; }

.b_input          { position:relative; left:-4px; top:-4px; height:20px; font-size:14px; text-align:right; }
.b_ios_input      { position:relative; left:0px; top:1px; height:20px; font-size:14px; text-align:right; }

.b_std#balance_div_id { left:0px; top:3px; height:265px;  width:420px; background-color:#00496e; 
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.b_std#balance_inner_div_id { left:20px; top:40px; height:205px; width:380px; }

.b_std#b_get_balance_btn_id     { position:absolute; left:240px; top:15px; height:30px; width:130px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.b_std#b_get_date_btn_id     { position:absolute; left:240px; top:55px; height:30px; width:130px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.b_std#b_create_balloon_btn_id { position:absolute; left:90px; top:165px; height:30px; width:140px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.b_std#b_done_btn_id { position:absolute; left:240px; top:165px; height:30px; width:130px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.b_std#b_label_id         { position:absolute; left:0px; top:4px; height:35px; width:420px; color:White; font-size:24px; text-align:center; }

.b_std#b_date_label_id      { position:absolute; left:10px; top:15px; width:75px; text-align:left; height:20px; padding:5px;}
.b_std#b_date_div_id        { position:absolute; left:90px; top:15px; font-size:14px; }
.b_std#b_date_id            { width: 130px; }

.b_std#b_balance_label_id   { position:absolute; left:10px; top:55px; width:75px; text-align:left; height:30px; padding:5px;}
.b_std#b_balance_div_id     { position:absolute; left:90px; top:55px; font-size:14px; }
.b_std#b_balance_id         { width: 130px; }

.b_std#b_principal_label_id { position:absolute; left:10px; top:90px; width:75px; text-align:left; height:30px; padding:5px;}
.b_std#b_principal_div_id   { position:absolute; left:90px; top:90px; font-size:14px; background-color:transparent; border: 0px;}
.b_std#b_principal_id       { width: 130px; text-align:right; }

.b_std#b_interest_label_id  { position:absolute; left:10px; top:125px; width:75px; text-align:left; height:30px; padding:5px;}
.b_std#b_interest_div_id    { position:absolute; left:90px; top:125px; font-size:14px; background-color:transparent; border: 0px;}
.b_std#b_interest_id        { width: 130px; text-align:right; }




/******************** CSS for Balance Popup - Small ios    ****************************/

.b_small#balance_div_id { left:0px; top:3px; height:250px;  width:310px; overflow-x:hidden; overflow-y:scroll }

.b_small#b_calculate_btn_id     { position:absolute; left:143px; top:120px; height:35px; width:94px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.b_small#b_create_balloon_btn_id { position:absolute; left:5px; top:120px; height:35px; width:130px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.b_small#b_done_btn_id { position:absolute; left:245px; top:120px; height:35px; width:60px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}

.b_small#b_label_id         { position:absolute; left:5px; top:2px; height:30px; width:310px; font-size:24px; text-align:center; }
.b_small#b_description_id   { position:absolute; left:10px; top:35px; height:100px; width:290px; color:#333333; font-size:14px; text-align:left; }


.b_small#b_date_label_id      { position:absolute; left:40px; top:170px; width:75px; text-align:left; height:20px; padding:5px;}
.b_small#b_date_div_id        { position:absolute; left:120px; top:170px; font-size:14px; }
.b_small#b_date_id            { width: 130px; }

.b_small#b_balance_label_id   { position:absolute; left:40px; top:210px; width:75px; text-align:left; height:30px; padding:5px;}
.b_small#b_balance_div_id     { position:absolute; left:120px; top:210px; font-size:14px; }
.b_small#b_balance_id         { width: 130px; }

.b_small#b_principal_label_id { position:absolute; left:40px; top:260px; width:75px; text-align:left; height:30px; padding:5px;}
.b_small#b_principal_div_id   { position:absolute; left:120px; top:260px; font-size:14px; background-color:#dddddd;}
.b_small#b_principal_id       { width: 130px; text-align:right; }

.b_small#b_interest_label_id  { position:absolute; left:40px; top:300px; width:75px; text-align:left; height:30px; padding:5px;}
.b_small#b_interest_div_id    { position:absolute; left:120px; top:300px; font-size:14px; background-color:#dddddd;}
.b_small#b_interest_id        { width: 130px; text-align:right; }






/******************** CSS for Totals Popup    ****************************/
#totals_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#totals_div_id { display:none; border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#totals_inner_div_id {border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#totals_div_id p      { color:#333333; padding:0px; font-size:14px; }
#totals_div_id span   { color:#333333; position:relative; top: 0px; line-height:25px; padding:0px 0px 0px 2px;}
#totals_div_id input[type=text]      { color:#333333; background-color:White; border: 0px;  padding:4px; font-size:14px; white-space:nowrap;} 

.t_input_div     { height:20px; width:130px; font-size:14px; border:1px solid #bbbbbb; padding:5px 4px 3px 4px; text-align:right; overflow:hidden;}
.t_ios_input_div { height:20px; width:130px; font-size:14px; border:1px solid #bbbbbb; padding:4px; background-color:White; overflow:hidden; display:inline-block; }

.t_input          { position:relative; left:-4px; top:-4px; height:20px; font-size:14px; text-align:right; }
.t_ios_input      { position:relative; left:0px; top:1px; height:20px; font-size:14px; text-align:right; }

.t_std#totals_div_id { left:0px; top:3px; height:500px;  width:320px; background-color:#00496e;     
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; 
}

.t_std#totals_inner_div_id { left:10px; top:40px; width:300px; }
.t_std#t_label_id   { position:absolute; left:0px; top:4px; height:35px; width:320px; color:White; font-size:24px; text-align:center; }
#totals_table_id    { width:280px; margin:0px 0px 0px 10px; color:#555555; }

.totals_blank_row          { height:8px; }
.totals_blank_row_spacer   { height:8px; padding:0px; font-size:2px; }
.totals_name_class         { height:20px; width:125px; padding:0px;}
.totals_spacer_class       { height:20px; width:30px; }
.totals_amount_class       { height:20px; text-align:right; padding:0px;}
.totals_double_line        { height:20px; border-top:double; padding:0px; }


.t_std#t_ok_btn_id { position:absolute; top:0px; left:110px; height:30px; width:100px; font-size:14px; border: 0px; 
    background-color:transparent; color:#333333; background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}






/******************** CSS for Event Names Popup    ****************************/
#event_names_background_id  { display:none; position:absolute;  top:0px;  left:0px;  background-color:rgba(0, 0, 0, 0.01); /* background-color can't be transparent. */
    height:100%;  width:100%;  min-width:1015px;  z-index:99;  /* z-index should be just below the keyboards. */
}

#event_names_div_id              { border:2px solid #eeeeee; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; display:none; }
#event_names_group_div_id        { border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }
#event_names_group_detail_div_id { border:0px solid #00496e; border-radius: 10px; position:absolute; z-index:1000; background-color:#eeeeee; }

#event_names_div_id p      { color:#333333; padding:0px; }
#event_names_div_id b      { color:#333333; padding:0px; }
#event_names_div_id label  { color:#333333; padding:0px; }
/*#event_names_div_id span   { color:#ffffff; position:relative; top: 0px; max-height:35px; line-height:35px; display:inline-block; text-align:left;} */
#event_names_div_id span   { color:#ffffff; position:relative; top: 0px; height:35px; line-height:35px; text-align:left;} 
#event_names_div_id input[type=text]      { color:#333333; background-color:White; border: 1px;  padding:4px; } 
/*#event_names_div_id img#cursor_id         { height:20px; }        /* padding:3px 0px 0px 0px;  margin    top right bottom left  */


#en_groups_div_id   {border:0px solid #00496e; position:absolute; background-color:transparent; overflow:hidden;} 
#en_loans_div_id    {border:0px solid #00496e; position:absolute; background-color:transparent; overflow:hidden;}
#en_payments_div_id {border:0px solid #00496e; position:absolute; background-color:transparent; overflow:hidden;}

/*.en_input_div     { background-color:transparent; min-width:150px; height:25px; display:inline-block; overflow:hidden; } */
.en_input_div     { background-color:transparent; min-width:150px; height:25px; overflow:hidden; }
/* .en_ios_input_div { background-color:White; min-width:150px; height:25px; display:inline-block; overflow:hidden; } */
.en_ios_input_div { background-color:White; min-width:150px; height:25px; overflow:hidden; }

.en_group_name_div    {}
.en_group_name        {}
.en_loan_name_div     {}
.en_loan_name         {}
.en_loan_enumerate    {}
.en_payment_name_div  {}
.en_payment_name      {}
.en_payment_enumerate {}


.en_std#event_names_div_id { left:250px; top:3px; height:375px;  width:750px; background-color:#00496e;     
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; }
                             
.en_small#event_names_div_id { left:250px; top:3px; height:375px;  width:750px;  overflow:scroll; background-color:#00496e;    
                             background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat; background-size:100% 100%; }

.en_std#en_label_id    { position:absolute; left:20px; top:2px; height:30px; width:400px; color:White; font-size:24px; text-align:left; }
.en_std#en_message_id  { position:absolute; left:40px; top:325px; height:30px; width:680px; color:White; font-size:16px; text-align:left; }

.en_std#en_group_div_id   { position:absolute; left:10px; top:40px; height:165px; width:240px; border-radius: 10px; background:#ffffff; overflow:hidden; }
.en_std#en_group_label_id { position:absolute; left:0px; top:0px; height:25px; width:240px; font-size:18px; text-align:center; 
                            background-color:#bbbbbb; border-radius: 10px 10px 0px 0px;}
.en_std#en_groups_div_id  { position:absolute; left:0px; top:25px; height:140px; width:240px; overflow:hidden; overflow-y : scroll}
*#en_groups_div_id p.en_group_name_field                { padding:8px 0px 0px 3px;  font-size:16px; width:1000px; } 
#en_groups_div_id input[type=text].en_group_name_field { padding:8px 0px 0px 3px; font-size:16px; background-color:transparent; width:235px; }
.en_group_row_div        { display:block; min-height:35px; max-height:35px; overflow:hidden; width:500px;}
/* .en_group_name_field_div { display:table-cell; min-width:240px ;max-width:240px; height: 35px; overflow:hidden;} */
.en_group_name_field_div { display:inline-block; min-width:240px; max-width:240px; height: 40px; overflow:hidden; vertical-align:top;} 


.en_std#en_group_detail_div_id         { position:absolute; left:260px; top:40px; height:275px; width:480px; border-radius: 10px; background:#ffffff;}
.en_std#en_group_detail_label_id       { position:absolute; left:0px; top:0px; height:25px; width:170px; font-size:18px; text-align:right; background-color:#bbbbbb; 
                                         border-radius: 10px 0px 0px 0px;}
.en_std#en_group_detail_group_name_id  { position:absolute; left:170px; top:0px; height:25px; width:310px; font-size:18px; text-align:left; background-color:#bbbbbb; 
                                         border-radius: 0px 10px 0px 0px; font-weight:bold; overflow:hidden; } /*color: #0192d4 */
.en_std#en_include_in_event_list_id        {position:absolute; left:5px; top:30px; } 
.en_std#en_include_in_event_list_label_id  {position:absolute; left:25px; top:30px; font-size:14px; }

.en_std#en_loan_label_id           { position:absolute; left:5px; top:55px; height:25px; width:150px; font-size:14px; font-weight:bold;}
.en_std#en_loans_outer_div_id      { position:absolute; left:5px; top:75px; height:157px; width:230px; border:1px solid #555555; overflow:hidden; }
.en_std#en_loan_name_label_id      { position:absolute; left:0px; top:0px; height:20px; width:155px; font-size:14px; text-align:center; background-color:#cccccc; }
.en_std#en_loan_enumerate_label_id { position:absolute; left:155px; top:0px; height:20px; width:75px; font-size:14px; text-align:center; 
                                     background-color:#cccccc; border-left:1px solid #888888; }
.en_std#en_loans_div_id            { position:absolute; left:0px; top:20px; height:134px; width:230px; overflow:hidden; }

.en_std#en_payment_label_id           { position:absolute; left:243px; top:55px; height:35px; width:150px; font-size:14px; font-weight:bold;}
.en_std#en_payments_outer_div_id      { position:absolute; left:243px; top:75px; height:157px; width:230px; border:1px solid #555555; overflow:hidden; }
.en_std#en_payment_name_label_id      { position:absolute; left:0px; top:0px; height:20px; width:155px; font-size:14px; text-align:center; background-color:#cccccc;  }
.en_std#en_payment_enumerate_label_id { position:absolute; left:155px; top:0px; height:20px; width:75px; font-size:14px; text-align:center; 
                                        background-color:#cccccc; border-left:1px solid #888888; }
.en_std#en_payments_div_id            { position:absolute; left:0px; top:20px; height:134px; width:230px; }

.en_row_div             { display:table-row; width:100%; }
.en_name_field_div      { min-width:155px; max-width:155px; display:table-cell; height: 35px; overflow:hidden; }
#en_loans_div_id p.en_name_field                   { padding:5px 0px 0px 3px; font-size:16px; width:1000px; } 
#en_loans_div_id input[type=text].en_name_field    { padding:5px 0px 0px 3px; font-size:16px; background-color:transparent; width:150px; }
#en_payments_div_id p.en_name_field                { padding:5px 0px 0px 3px; font-size:16px; width:1000px; }
#en_payments_div_id input[type=text].en_name_field { padding:5px 0px 0px 3px; font-size:16px; background-color:transparent; width:150px; }
.en_enumerate_field_div { min-width:75px;  max-width:75px; display:table-cell; background-color:transparent; }
.en_enumerate_field_cb  { position:relative; left:30px; top:3px; }

/* #en_add_loan_btn_id input[disabled][type="button"]  { color: Gray; }     Did not work on ie10. So remove color. */

.en_std#en_reset_to_default_btn_id  { position:absolute; left:225px; top:5px; height:30px; width:185px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent; background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_save_as_default_btn_id  { position:absolute; left:415px; top:5px; height:30px; width:185px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_done_btn_id     { position:absolute; left:605px; top:5px; height:30px; width:60px; text-align:center; font-size:14px; border: 0px; color:#333333; 
    background-color:transparent;  background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_cancel_btn_id   { position:absolute; left:670px; top:5px; height:30px; width:70px; text-align:center; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}


.en_std#en_add_loan_group_btn_id  { position:absolute; left:15px; top:217px; height:30px; width:230px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_add_deposit_group_btn_id  { position:absolute; left:15px; top:252px; height:30px; width:230px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_remove_group_btn_id  { position:absolute; left:15px; top:287px; height:30px; width:230px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray_large.png');  background-repeat:no-repeat; background-size:100% 100%;
}


.en_std#en_add_loan_btn_id  { position:absolute; left:10px; top:240px; height:30px; width:100px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_remove_loan_btn_id  { position:absolute; left:120px; top:240px; height:30px; width:100px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_add_payment_btn_id  { position:absolute; left:260px; top:240px; height:30px; width:100px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}
.en_std#en_remove_payment_btn_id  { position:absolute; left:370px; top:240px; height:30px; width:100px; font-size:14px; border: 0px; color:#333333;
    background-color:transparent;  background-image:url('../Images/button_gray.png');  background-repeat:no-repeat; background-size:100% 100%;
}





/**************************** Multiple loans warning window. *********************************/

#multi_loan_warning_background_id  { display:none; position:absolute; left:0px; top:0px; min-height:430px; background-color:rgba(0, 0, 0, 0.4); height:100%;
    width:100%; min-width:1015px; z-index:1000; 
}

#multi_loan_warning_window_id { display:block; border:2px solid #eeeeee; border-radius: 10px; position:fixed; z-index:1001;  background-color:#00496e;
    background-color:transparent; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-repeat:no-repeat;  background-size:100% 100%;
}
 
 
.mlw_std#multi_loan_warning_window_id { left:200px; top:5px; height:140px; width:500px; }
    
.mlw_std#multi_loan_warning_msg_id { position:absolute;  left:20px; top:10px; text-align:center; color:White; font-size:16px; height:50px; width:460px; }
.mlw_std#multi_loan_warning_show_cb_id {position:absolute; left:20px; top:95px; }
.mlw_std#multi_loan_warning_show_cb_label_id {position:absolute; left:40px; top:95px; width:300px; color:White;}
.mlw_std#multi_loan_warning_ok_btn_id { position:absolute; left:380px; top:85px; font-size:16px; height:40px; width:100px; border:0px; background-color:transparent; 
    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; 
}
                        

.mlw_small#multi_loan_warning_window_id { left:5px; top:5px; height:220px; width:300px; }
    
.mlw_small#multi_loan_warning_msg_id { position:absolute;  left:20px; top:5px; text-align:center; color:White; font-size:16px; height:100px; width:260px; }
.mlw_small#multi_loan_warning_show_cb_id {position:absolute; left:20px; top:135px; }
.mlw_small#multi_loan_warning_show_cb_label_id {position:absolute; left:40px; top:135px; width:250px;  color:White; }
.mlw_small#multi_loan_warning_ok_btn_id { position:absolute; left:100px; top:170px; font-size:16px; height:40px; width:100px; border:0px; background-color:transparent; 
    background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; 
}
                        


/**************************** Amortization CSS below here. *********************************/

#amort_flip_id {display:none; } 

#amort_display_div_id { width:100%; background-color:#888888;  overflow:scroll; } 

#TVAmort_OuterDivId { padding:10px; background-color:#ffffff; 
    /*Allow the user to highlight text in the Amortization schedule.*/
    -webkit-user-select:auto; /* webkit (safari, chrome) browsers */
    -moz-user-select:all; /* mozilla browsers */
    -khtml-user-select:auto; /* webkit (konqueror) browsers */
    -ms-user-select:element; /* IE10+ */
}    

#TVAmort_CfmDateTimeTableId { height: 20px; width:100%; }
#TVAmort_CurrentDateId      { width:100%; text-align:right; padding:0px 5px 0px 5px;}
#TVAmort_CurrentTimeId      { text-align:right; padding:0px 5px 0px 5px;}

#TVAmort_LabelTableId { width: 100%; height: 20px; margin-top:15px; }
#TVAmort_LabelTrId    { height: 20px; }
#TVAmort_LabelId      { padding: 4px 0px 4px 0px; margin:0px; }

 /* .TVAmort_HeaderClass { height:20px; } */
.TVAmort_LabelClass { height:auto; border-width:0px; border-bottom:solid; border-bottom-width:1px; border-top:solid; border-top-width: 1px; }
.TVAmort_CaptionClass { padding:5px 0px 5px 0px; height:20px; }
.TVAmort_TableHeadClass { margin:0px; padding:0px 10px 0px 10px; border-width:0px; height:20px; background-color:#0068a4; vertical-align:middle; }
.TVAmort_TableHeadPClass { padding:0px 10px 2px 10px; border-width:0px; height:20px; background-color:#0068a4; }
.TVAmort_BodyClass { padding:0px 10px 0px 10px; height:10px; }
.TVAmort_RateChangeClass { padding:0px 10px 0px 10px; height:10px; }
.TVAmort_TotalsClass { height:20px; }
/* .TVAmort_FooterClass { height:20px; } */

.TVAmort_BalanceHeadClass { height:20px; border:0px solid black; }
#TVAmort_BalanceHeadId { height:20px; border:1px solid black; border-bottom-width:0px; color:black; background-color:white; text-align:center; }

#TVAmort_CompoundingLabelId { padding-left:0px; }
#TVAmort_NominalRateLabelId { padding-left:0px; }
#TVAmort_EffectiveRateLabelId { padding-left:0px; }
#TVAmort_PeriodicRateLabelId { padding-left:0px; }
#TVAmort_DailyRateLabelId { padding-left:0px; }

#TVAmort_CashFlowDataTableId {  }
#TV_Amort_CashFlowDataHeaderId { height:26px; border-top:solid; border-top-width:1px; border-bottom:solid; border-bottom-width:1px; }
#TVAmort_CashFlowDataRowNumberHeaderId { text-align:right; }
#TVAmort_CashFlowDataEventHeaderId { text-align:left; }
#TVAmort_CashFlowDataDateHeaderId { text-align:left; }
#TVAmort_CashFlowDataAmountHeaderId { text-align:right; }
#TVAmort_CashFlowDataNumberHeaderId { text-align:right; }
#TVAmort_CashFlowDataPeriodHeaderId { text-align:center; }
#TVAmort_CashFlowDataEndDateHeaderId { text-align:left; }
#TVAmort_CashFlowDataMemoHeaderId { text-align:left; }

.TVAmort_CashFlowDataTrClass { height:20px; }
.TVAmort_CashFlowDataRowNumberClass { text-align:right; }
.TVAmort_CashFlowDataEventClass { text-align:left; }
.TVAmort_CashFlowDataDateClass { text-align:left; }
.TVAmort_CashFlowDataAmountClass { text-align:right; }
.TVAmort_CashFlowDataRateChangeRateClass { text-align:center; }
.TVAmort_CashFlowDataNumberClass { text-align:right; }
.TVAmort_CashFlowDataPeriodClass { text-align:center; }
.TVAmort_CashFlowDataEndDateClass { text-align:left; }
.TVAmort_CashFlowDataMemoClass { text-align:left; }

.TVAmort_CashFlowDataSSNameClass  { text-align:right; color:#888888; padding-right:10px;}
.TVAmort_CashFlowDataSSRowNumberClass { text-align:right; }
.TVAmort_CashFlowDataSSLabelClass { text-align:left; color:#888888; padding:1px 0px 1px 25px;}
.TVAmort_CashFlowDataSSValueClass { text-align:right; color:#888888; padding:1px 10px 1px 0px;}
.TVAmort_CashFlowDataSSSkipMonthsClass { text-align:left; color:#888888; padding:5px 30px 5px 0px;}

.TVAmort_TableHeadPClass { text-align:right; }
#TV_Amort_AmortizationHeaderId { height:26px; border-bottom:solid; border-bottom-width:1px; }
#TVAmort_AmortizationHeaderEventId { text-align:right; }
#TVAmort_AmortizationHeaderDateId { text-align:left; }
#TVAmort_AmortizationHeaderPaymentId { text-align:right; }
#TVAmort_AmortizationHeaderInterestId { text-align:right; }
#TVAmort_AmortizationHeaderPrincipalId { text-align:right; }
#TVAmort_AmortizationHeaderBalanceId { text-align:right; }
#TVAmort_AmortizationHeaderMemoId { text-align:left; }

#TVAmort_AmortizationHeaderInterestAccruedId { padding-top:0px; }
#TVAmort_AmortizationHeaderInterestPaidId { padding-top:0px; }
#TVAmort_AmortizationHeaderPrincipalPaidId { padding-top:0px; }

.TVAmort_AmortizationTrClass { height:10px; }
.TVAmort_AmortizationEventClass { text-align:right; }
.TVAmort_AmortizationDateClass { text-align:left; }
.TVAmort_AmortizationLoanClass { text-align:right; }
.TVAmort_AmortizationPaymentClass { text-align:right; }
.TVAmort_AmortizationInterestClass { text-align:right; }
.TVAmort_AmortizationPrincipalClass { text-align:right; }
.TVAmort_AmortizationBalanceClass { text-align:right; }
.TVAmort_AmortizationMemoClass { text-align:left; }
.TVAmort_AmortizationRateChangeClass { text-align:center; }

.TVAmort_AmortizationTotalTrClass { height:10px; }
.TVAmort_AmortizationTotalEventClass { text-align:left; padding:8px 10px 8px 0px;}
.TVAmort_AmortizationTotalDateClass { text-align:left; padding:8px 10px 8px 10px; }
.TVAmort_AmortizationTotalLoanClass { text-align:right; padding:8px 10px 8px 10px; }
.TVAmort_AmortizationTotalPaymentClass { text-align:right; padding:8px 10px 8px 10px; }
.TVAmort_AmortizationTotalInterestClass { text-align:right; padding:8px 10px 8px 10px; }
.TVAmort_AmortizationTotalPrincipalClass { text-align:right; padding:8px 10px 8px 10px; }
.TVAmort_AmortizationTotalBalanceClass { text-align:right; padding:8px 10px 8px 10px; }
.TVAmort_AmortizationTotalMemoClass { text-align:left; padding:8px 10px 8px 10px; }

#TVAmort_AltAprTableId { display:none; }

.TVAmort_AprTitleClass { font-size:16px; font-family:Arial; font-weight:bold; color:#000000; padding:4px 10px 4px 10px; height:15px; }
.TVAmort_AprMessageClass { font-size:13px; font-family:Arial; font-weight:normal; color:#000000; padding:0px 10px 0px 10px; height:15px; }
.TV_Amort_AprValueClass { font-size:16px; font-family:Arial; font-weight:bold; color:#000000; text-align:center; 
                          padding:4px 4px 6px 4px; height:15px; }
.TVAmort_AprBrClass { height:15px; }

#TVAmort_AprAnnualPercentageRateTdId { border:2px solid #000000; border-bottom:0px; vertical-align:text-top; }
#TVAmort_AprAnnualPercentageRateValueTdId { border:2px solid #000000; border-top:0px; vertical-align:bottom; }

#TVAmort_AprFinanceChargeTdId { border:2px solid #000000; border-bottom:0px; vertical-align:text-top; }
#TVAmort_AprFinanceChargeValueTdId { border:2px solid #000000; border-top:0px; vertical-align:bottom; }

.TVAmort_AprAmountFinancedTitleClass {font-size:16px; font-family:Arial; font-weight:bold; color:#000000; padding:0px 10px 0px 10px; height:15px; text-align:left;}
#TVAmort_AprAmountFinancedTdId { border:1px solid #000000; border-bottom:0px; vertical-align:text-top; padding:0px; }
#TVAmort_AprAmountFinancedValueTdId { border:1px solid #000000; border-top:0px; vertical-align:bottom; }

.TVAmort_AprTotalOfPaymentsTitleClass {font-size:16px; font-family:Arial; font-weight:bold; color:#000000; padding:0px 10px 0px 10px; height:15px; text-align:left;}
#TVAmort_AprTotalOfPaymentsTdId { border:1px solid #000000; border-bottom:0px; vertical-align:text-top; padding:0px; }
#TVAmort_AprTotalOfPaymentsValueTdId { border:1px solid #000000; border-top:0px; vertical-align:bottom; }


/******************  CSS for Clipboard Message Window ***************************/
#copy_to_clipboard_background_id { display:none; position:absolute; top:0px; left:0px; background-color:rgba(0, 0, 0, 0.4); height:100%; width:100%; 
                            min-width:1015px; z-index:1000; }

#copy_to_clipboard_div_id  { display:block; border:2px solid White; border-radius: 10px; position:absolute; top:5px; left:50px; height:155px; width:300px; 
                  z-index:1001; background-color:transparent; background-image:url('../Images/blue_navigation_bar_rgb_72dpi.png'); background-color:#00496e;
                  background-repeat:no-repeat; background-size:100% 100%; }
    
#copy_to_clipboard_msg_id { position:absolute; top:5px; left:10px; color:White; background-color:transparent; font-size:16px; height:70px; width:280px; }
#copy_to_clipboard_textarea_id { position:absolute; top:75px; left:10px; color:Black; font-size:16px; height:20px; width:280px; }
#copy_to_clipboard_btn_id { position:absolute; top:115px; left:180px; font-size:16px; height:35px; width:100px; border:0px; background-color:transparent; 
                        background-image:url('../Images/button_gray.png');  background-repeat:no-repeat;  background-size:100% 100%; }