body {
    font-size:9pt; 
    font-family: arial, "Trebuchet MS";
    margin:20;
    background: #abc;
    text-align:center;
}

body.info {
    margin:20;
}

body.bubble {
    margin:20;
    background: url("bg.jpg") repeat-x;
    background-color: white;
}

.bubble {
    cursor: hand;
}

iframe.bubble {
    border: 4px solid #ff6600;
    cursor: normal;
}

h1 {
    font-size: 18pt;
}
h2 {
    font-size: 12pt;
    font-weight:bold;
    color: #556677;
    margin-bottom:10;
}

a {
    color: #007cbf;
    text-decoration:none;
}

a:hover {
    color: #ff6600;
    text-decoration:underline;
}

img {
    border:0;
}

table {    
    font-size: 9pt;
    border-collapse: collapse;
    empty-cells:show;
}

th {
     background: #ccddee;
     text-align: left;
     font-size: 100%;     
     font-weight: bold;
     color: black;
     padding: 1px;
     border-bottom: 1px solid #afbfcf;
}
tr.uline {
    border-bottom: 1px solid #bbbbbb;
}
.uline td{
    border-bottom: 1px solid #bbbbbb;
}

td {
    vertical-align: top;
}

td p.header {
    font-weight: bold;
    font-size:11pt;
    margin-bottom: 4;
}

#root {
    width: 920;
    text-align:center;
    background: white;
    padding-top: 20;
    padding-bottom: 20;
    padding-left:10;
    padding-right:10;
    border-top: 1px solid #89a;
    border-left: 1px solid #89a;
    border-right: 3px solid #678;
    border-bottom: 3px solid #678;
}

#menuheader {
    height:20;
    width:900;
    padding-top: 2;
    padding-bottom: 24;
}

#menubar {
    background: url('headerbar.jpg') no-repeat;
    width:900;
    padding: 0;
}

#headerband {
    width:900;
    background-color: #1b8d97;
    margin:0;
    padding:0;
    padding-top:3;
}

#footer {
    clear:both;
    text-align:center;
    width:900;
    font-size:8pt;
    margin-top:16;
    padding:6;
    background:#aabbcc;
    border-bottom: 1px solid silver;
}

span.menuitem {
    padding-left:10;
    padding-right:10;
    padding-top: 2;
    padding-bottom: 2;
}

span.selectedmenuitem {
    background: #ccddee;
    font-weight:bold;
    padding-left:10;
    padding-right:10;
    padding-top:5;
    padding-bottom:5;
    border-left: 2px solid white;
    border-right: 2px solid #99aabb;
    border-top: 1px solid white;
}
.menuitem a {
    color:white;
    text-decoration:none;
}

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

div .content {
    width:900;
    text-align:left;
    padding:0;
    margin:0
}
div .content .block {
    padding: 1%;
}
div .block {
    float:left;
}
div .content {
    margin-top: 10;
}

div .lineframe {
    border: 1px solid #cccccc;
}

p.band {
   font-weight:bold;
   font-size: 11pt;
   background-color: #aaaaaa;
   padding: 3;
   color: white;
   padding-left: 5;
   margin-bottom: 0;
}

p.bandb {
   font-weight:bold;
   font-size: 11pt;
   background: url('band_b.jpg') repeat-x;
   background-color: #4c6aa2;
   padding: 3;
   color: white;
   padding-left: 5;
   margin-bottom: 0;
}

td.rbox1 {
   background: url("rf_t_l.gif") no-repeat;
   width: 16;
   height: 16;
}
td.rbox2 {
   background: url("rf_t_r.gif") no-repeat top right;
   height: 16;
}
td.rbox3 {
   background: url("rf_c_l.gif") no-repeat top left;
   width: 16;
}
td.rbox4 {
   background: url("rf_c_r.gif") no-repeat top right;
}
td.rbox5 {
   background: url("rf_b_l.gif") no-repeat bottom left;
   width:16;
   height:16;
}
td.rbox6 {
    background: url("rf_b_r.gif") no-repeat bottom right;
    height:16;
}


td.tboxtl {
    background: url("rft_t_l.gif") no-repeat top left;
    width: 10;
    height: 10;
}
td.tboxtr {
    background: url("rft_t_r.gif") no-repeat top right;
    width: 10;
    height: 10;
}
td.tboxbl {
    background: url("rft_b_l.gif") no-repeat bottom left;
    width: 10;
    height: 10;
}
td.tboxbr {
    background: url("rft_b_r.gif") no-repeat bottom right;
    width: 10;
    height: 10;
}
td.tboxt {
    background: url("rft_h.gif") repeat-x top;
    height:10;
}
td.tboxb {
    background: url("rft_h.gif") repeat-x bottom;
    height:10;
}
td.tboxl {
    background: url("rft_v.gif") repeat-y left;
    width:10;
}
td.tboxr {
    background: url("rft_v.gif") repeat-y right;
    width:10;
}

.price {
    font-size: 12pt;
    font-weight: bold;
    color: #ff6600;
}

li {
    list-style: none;
    background: url(li-bullet.jpg) no-repeat 0 50%;
    padding-left: 15px;
}
div.list{
    padding: 10px;
}

li.selected {
    background: #ff6600;
    color:white;
    font-weight:bold;
}

ul.tab {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    font-size: 11pt;
    font-weight:bold;
}

ul.tab li {
    float:left;
    margin:0;
    padding-left:10;
    padding-right: 10;
    background: url(headerbar.jpg) no-repeat bottom right;
    height: 32;
}

ul.tab li.selected {
   color: white;
   font-weight:bold;
   background: url(headerbar_selected.jpg) no-repeat bottom right;
}

ul.tab li a {
   display:block;
   margin:0;
   padding: 0;
   padding-top:6;
   text-decoration: none;
   color: black;
}

ul.tab li a:hover {
   color: white;
   text-decoration:none;
}

ul.tab li.selected a {
   color: white;
}

/*
 * for popup frame
 */
body.popupframe { background: white; margin:9px;}
    
div.popupmask {
    position: absolute;
    background: black;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    z-index: 98;
    display:block;
}

iframe.popupmask {
    position: absolute;
    left: 0;
    top: 0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    z-index: 99;
    display:block;
}

iframe.popupframe {
    position: absolute;
    border: 5px solid orange;
    z-index: 100;
    display:block;
}