body
{
/* background: #ffffff url('../images/gray_back.jpg') top left repeat-x; */
/* background: #ffffff url('../img/bit.jpg') top left repeat; */
/* background: url('../img/swirl.png') repeat; */
margin-top: 0px;
margin-bottom: 0px;
font-family: verdana, helvetica, arial, 'sans-serif';
}


#container p
{
font-family: verdana, helvetica, arial;
/*color: #000000; */
font-size: small;
margin-top: 3px;
}



h2
{
color: #003399;
/* color: #C0CDF2; */
margin-top:5px;
margin-bottom: 0px;
font-size: large;
font-family: "Times New Roman", Verdana, Helvetica, Monospace;
border-bottom: 1px dotted #cccccc;
}

h1
{
color: #535353; 
font-size: xx-large;
font-family: "Times New Roman", Verdana, Helvetica, Monospace;
}

/* begin structure */



DIV#container {

width: 737px;
margin: 0px auto;
background: #ffffff;
background-color: #ffffff;
border-left: 0px solid #000000;
border-right: 0px solid #000000;


}

DIV#header {
float: left; 
height: 20px; 
width: 100%; 
border-bottom: 0px;
background: #003399;
font-size: xx-small;
/* background: url('../img/edge.jpg') repeat; */
color: #ffffff;

}





DIV#left {
float:right; 
width: 488px; 
border-left: 0px dotted #8690ab; 
overflow: auto;
height: auto;
padding-top: 7px;
padding-left: 2px;
padding-right: 1px;
border-left: #000000;
/*background-image: url('../images/coffee_stain.jpg');
background-position: 10% 25%;
background-repeat: no-repeat;*/
background-color: #ffffff;
background: #ffffff;

}

DIV#middle {
float:left; 
width: 235px; 
height: auto; 
border: 0px solid #8690ab; 
border-left: 0px;  
overflow: auto;
background: #ffffff;
backgrund-color: #ffffff;
padding-top: 2px;
overflow: hidden;
padding-bottom: 7px;
padding-right: 0px;
text-align: center;
}


DIV#left ol li {
list-style-type: lower-alpha;
font-family: verdana, helvetica, arial;
color: #000000;
font-size: small;
}




DIV#footer{
float: left; 
border: 0px solid #8690ab; 
text-align: center; 
height: auto; 
width: 100%; 
border-top: 0px;
background: #ffffff;
padding-top: 7px;
border-top: 1px solid #8690ab;
font-size: x-small;


}

DIV#footer1{
float: left; 
text-align: left; 
height: auto; 
width: 100%; 
border-top: 0px;
/*background: #003399;
color: #ffffff;*/
color: #000000;
height: 30px;
}


DIV#footer2{
float: left; 
border: 0px solid #8690ab; 
text-align: center; 
width: 100%; 
border-top: 0px;
/* background: #5050f0;
color: #ffffff; */
color: #000000;
font-size: x-small;
height: auto;
}

DIV#headergrey {
float: left; 
height: 30px; 
width: 100%; 
border-bottom: 0px;
background: #808080;
font-size: x-small;
color: #ffffff;
}


DIV#footer1grey{
float: left; 
border: 0px solid #8690ab; 
text-align: left; 
height: auto; 
width: 100%; 
border-top: 0px;
background: #999999;
padding: 3px;
color: #ffffff;

}


DIV#footer2grey{
float: left; 
border: 0px solid #8690ab; 
text-align: center; 
height: auto; 
width: 100%; 
border-top: 0px;
background: #c0c0c0;
padding: 3px;
color: #ffffff;
font-size: x-small;

}




/* end structure */


DIV#footer1 a {
text-decoration: underline;
color: #ffffff;
font-size: small;
}

DIV#footer2 a {
text-decoration: none;
color: #ffffff;
font-size: x-small;
}




.formulab
{
margin: 0 1%; background:#C0CDF2; 
margin-left: 1px;
width: 98%;
margin-top: 3px;
text-decoration: none;
font-weight: normal;
text-align: left;



}

.formulab p {padding-bottom: 3px; padding-left: 10px;}
b.rtop, b.rbottom {display:block; background: #FFFFFF;}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #C0CDF2}
b.r1 {margin: 0 5px;}
b.r2 {margin: 0 3px;}
b.r3 {margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px;}



/*
ul { list-style-position: outside; margin-left: 0px; padding-left: 30px; list-style: square; vertical-align: middle; }
li { margin: 0px; padding: 0px; } 
*/


DIV#plan ol
{
list-style-position: outside;
margin-left: 0px;
padding-left: 30px;

}

DIV#plan ol li
{
list-style-type: decimal;
font-weight: bold;
color: #003399; 
font-size: large;
font-family: "Times New Roman", Verdana, Helvetica, Monospace;
margin-left: 0px;
padding-left: 0px;
border-bottom: 0px dotted #cccccc;
text-indent: 0px;
}


DIV#plan ol li ul
{
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
font-weight: normal;
text-decoration: none;
font-size: small;
list-style: none;
margin:0px;
padding:0px;
margin-bottom: 20px;
}

DIV#plan ol li ul li
{
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
font-weight: 300;
color: #000000;
font-family: Verdana, Helvetica, Monospace;
font-size: small;
border-bottom: 0px;
text-indent: 0px;
list-style: none;
margin-bottom: 15px;
}
.gecko
{
font-size: small;
font-weight: normal;
list-style-type: none;
color: #000000;
list-style: none;
}


DIV#plan ol li ul li ol
{
list-style-type: lower-alpha;
margin-top: 15px;
}

DIV#plan ol li ul li ol li
{
list-style-type: lower-alpha;
}





li
{
font-family: verdana, helvetica, arial;
color: #000080;
}
.window {
  background-color: #c0c0c0;
  border-color: #f0f0f0 #606060 #404040 #d0d0d0;
  border-style: solid;
  border-width: 2px;
  margin: 0px;
  padding: 2px;
  position: absolute;
  text-align: left;
  vertical-align: middle;
  visibility: visible;
  
}

.titleBar {
  background-color: #008080;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size:8pt;
  font-weight: bold;
  margin: 0px;
  padding: 2px 2px 2px .5em;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;

}

.titleBarText {
  float: left;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  
}

.titleBarButtons {
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  width: 50px;
  height: 14px;
}

.dosButton {
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  height: 14px;
  }


.clientArea {
  background-color: #ffffff;
  border-color: #404040 #e0e0e0 #f0f0f0 #505050;
  border-style: solid;
  border-width: 2px;
  color: #000000;
  font-family: Verdana, "Arial", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 10pt;
  margin: 2px 0px 0px 0px;
  overflow: auto;
  padding: .5em;
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  background-color: #e0e0e0;
  border: 2px outset #e0e0e0;
  padding: 4px 2px 4px 0px;
  margin-right: -2px;
  text-align: left;
  width: 99.5%;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #e0e0e0;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #e0e0e0;
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #5050f0;
  border: 1px #000000;
  border-bottom: 0px;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #e0e0e0;
  border: 2px outset #e0e0e0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #5050f0;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}





.simulator
{

border-collapse: collapse;
margin-left: 0px;
margin-top: 15px; 
margin-bottom: 15px;
}

.simulator caption
{
text-align: left;
font-weight: bold;
font-size: x-small;
}


.simulator thead th
{
background: #ECE9D8;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
width: 28pt;
text-align: center;
font-size: x-small;
}


.simulator tbody th
{
background: #ECE9D8;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
width: 18pt;
text-align: center;
font-size: x-small;
}

.simulator td
{
background: #FFFFFF;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color: #000000;
width: 50pt;
text-align: right;
font-size: x-small;
padding-right: 0px;
}

.simulator .me
{
background: #FFFFFF;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color: #000000;
width: 138pt;
text-align: left;

}

.simulator .tdi
{
background: #FFFFFF;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color: #000000;
width: 50pt;
text-align: left;
font-size: x-small;
padding-right: 0px;
}








.formula
{
margin: 0 10px; background:#C0CDF2; 
margin-left: 10px;
width: 300px;
margin-bottom: 15px;

}
.formula p {padding-bottom: 3px; padding-left: 10px;}
b.rtop, b.rbottom {display:block; background: #FFFFFF;}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #C0CDF2}
b.r1 {margin: 0 5px;}
b.r2 {margin: 0 3px;}
b.r3 {margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px;}


.formula td
{
font-size: x-small;
}




.note{
color: #8395CB
} 

DIV#left td, caption, th
{
font-family: verdana, arial, helvetica, monospace;
color: #000000;
font=size: x-small;


}

DIV#left thead th
{
text-align: center;
width: 58pt;
margin-left: 10px;
}


.more
{
color: #000080;
font-weight: normal;
}

DIV#left ul li
{
font-size: small;
color: #000000;
}




.number
{
border-collapse: collapse;
background: #FAFAFA;
border-bottom: 1px solid #003399;
border-top: 1px solid #003399;
border-left: 0px;
border-right: 0px;
margin-left: 10px;
color: #000000;
margin-bottom: 25px;

}

.number caption
{
caption-side: left;
text-align: left;
font-weight: bold;
background: #C0CDF2;
padding: 5px;
color: #000000;
font-size: small;

}
.number.thead
{
}
.number.tbody
{
border: 0px;
}
.number th
{
font-weight: bold;
color: #6699CC;
background: #FFFAFA;
height: 13.5pt;
font-size: small;
}

.number td
{
height: 13.5pt;
color: #000000;
text-align: left;
font-size: small;
}


.number .rd
{
height: 13.5pt;
color: #000000;
text-align: right;
font-size: small;
padding-right: 5px;
}


.number .total
{
font-weight: bold;
border-top: 1px solid #003399;
text-align: right;
padding-right: 5px;
}


.number .totalname
{
font-weight: bold;
border-top: 1px solid #003399;
text-align: left;
padding-right: 5px;
}


#middle .ella
{
width: 90%; 
border: 0px solid #dfdfdf; 
height: auto; 
display: block; 
margin-top: 30px; 
background: #ffffff; 
text-align: right; 
padding-top: 10px;
color: #5a7bd6;
padding: 9px;
}

#middle .ella img
{
border: 0px solid #000000;
}

#middle .ella p
{

}


.hoot
{
float: left; 
text-align: left; 
width: 98%; 
border: 1px solid #dfdfdf;
margin-top: 20px;
color: #000000;
height: 250px;
display: block;
}


.ella2
{
width: 90%; 
border: 0px solid #dfdfdf; 
height: auto;
padding-top: 0px; 
display: block; 
padding: 5px; 
background: #ffffff; 
text-align: right; 
margin-top: 15px;

}

#left a:link {text-decoration: none; color: #000000;}
#left a:hover {text-decoration: none; font-weight: bold; color: #5a7bd6;}
#left a:visited {text-decoration: none; color: #000000;}
#left a:link {text-decoration: none; color: #000000;}

#footer2 a:link {text-decoration: none; color: #000000;}
#footer2 a:hover {text-decoration: none; font-weight: bold; color: #5a7bd6;}
#footer2 a:visited {text-decoration: none; color: #000000;}
#footer2 a:link {text-decoration: none; color: #000000;}
#footer2 h1 {display:inline; font-size: x-small; margin-right: 10px;font-family: verdana, helvetica, arial, 'sans-serif'; font-weight: normal;}


#bigbox
{
height: 160px; 
display: block; 
width: 100%; 
background: #ffffff; 
text-align: center; 
margin-top: 15px; 
padding-top: 10px; 
float: left;
/*background: #dfdfdf url('../img/invade22.png') no-repeat;*/
border-top: 1px solid #dfdfdf;
}


.ella h2
{
color: #003399;
/* color: #C0CDF2; */
margin-top:5px;
margin-bottom: 0px;
font-size: small;
font-family: verdana, helvetica, arial, 'sans-serif';
border: 0px;
font-weight: normal;

}


.littlebox
{
width: 120px; 
background: #ffffff; 
text-align: left; 
padding: 5px;
/*padding-left: 0px;
padding-right: 0px; */
float: left; 
height: 145px; 
display: block; 
margin-left: 5px; 
margin-top: 5px; 
margin-bottom: 10px;
font-size: xxx-small;
font-family: arial,verdana, helvetica,  'sans-serif';
text-decoration: underline;
}


.littlebox ul
{
font-size: 11px;
font-family: arial,verdana, helvetica,  'sans-serif';
list-style-type: none;
padding: 0px;
margin: 0px;
margin-left: 1em;
}


.littlebox ul li
{
color: #828282;
font-family: arial,verdana, helvetica,  'sans-serif';
text-decoration: underline;
margin: -2px;
}



.littlebox ul li a:link {color: #828282;}
.littlebox ul li a:visited { color: #828282; }
.littlebox ul li a:hover {color: #828282; }
.littlebox ul li a:active {color: #828282; }







.littlebox p
{
font-weight: bold;
margin: 0px;
font-size: xx-small;
letter-spacing: -0.5px
}


.ella ul
{
font-size: small;
font-family: verdana, arial, helvetica,  'sans-serif';
list-style-type: lower-alpha;
padding: 0px;
margin: 0px;
margin-bottom: 15px;
}


.ella ul li
{
font-family: verdana, arial, helvetica,  'sans-serif';
/* display: inline; */
list-style-type: lower-alpha;
color: #5a7bd6;
}

ul li:after { content: ","; } 
ul li:last-child:after { content: ""; }