/* Let no border around the body appear, and set
   it to display on a white background */
body {
    margin: 0px;
    padding: 0px;
    background-color: rgb(150,0,0);
    background-image: url('zebrabg.gif');
    font: 10pt Arial;
    color: black;
}
p{
   color: black;
}

table {font: 10pt Arial; color: black;}
td {font: 10pt Arial; color: black;}

/*A.toolbar:link {color: #DFDFFF; FONT: 10pt Arial; text-decoration: underline}
A.toolbar:visited {color: #DFDFFF; FONT: 10pt Arial; text-decoration: underline}
A.toolbar:hover {color: #FFFFFF; font: 10pt Arial; text-decoration: underline; background: none}*/

A.toolbar:link {color: white; FONT: 12px Arial; text-decoration: none}
A.toolbar:visited {color: white; FONT: 12px Arial; text-decoration: none}
A.toolbar:hover {color: rgb(255,64,0); font: 12px Arial; text-decoration: none; background:none;}


A.sm:link {color: black; FONT: 8pt Arial; text-decoration: underline}
A.sm:visited {color: black; FONT: 8pt Arial; text-decoration: underline}
A.sm:hover {color: black; FONT: 8pt Arial; text-decoration: underline}
.sm {color: black; FONT: 8pt Arial; text-decoration: none}



/*A:link {color: #0000A0; FONT: 10pt Arial; text-decoration: underline}
A:visited {color: #0000A0; FONT: 10pt Arial; text-decoration: underline}
A:hover {color: #0000A0; font: 10pt Arial; text-decoration: underline; background: #E0E0FF}*/

A:link {color: #000000; FONT: 10pt Arial; text-decoration: underline}
A:visited {color: #000000; FONT: 10pt Arial; text-decoration: underline}
A:hover {color: #000000; font: 10pt Arial; text-decoration: underline; background: #FEF504}



H1      {font-weight: bold;
        font-size:11pt;
        text-align: left;
        color: #000000;
        font-family: 'Gill Sans', Arial, sans-serif}


#Header {
    margin:30px 15% 0px 15%;
    padding:0px;
    }

.footer {position: absolute bottom 0px;
        background-color: #F0F0E0;
        border-top: 1px solid #000000
}

.imgplate {background-color: #F0F0E0;
           border: 1px solid #000000

}


TD.toolbar{border-bottom: 1px solid #000000}

.stdbar{font-weight: bold;
        font-size:12pt;
        text-align: center;
        color: #000000;
        background: #F0F0E0;
        font-family: 'Gill Sans', 'Arial', 'sans-serif';
        border:1px solid black;
        border-bottom: none
    }
    
.mainbox{
   margin-left: 120px;
   margin-right: 120px;
   margin-top: 24px;
   margin-bottom: 24px;
   border:1px solid black;
   border-collapse: collapse;
   /*background-image: url('mainboxbg.png');*/
   /*background-color: rgb(255,64,0);*/
   background-color: rgb(220,60,0);
   /*background-color: rgb(255,0,0);*/
   color: white;
   min-width: 860px;
}
.stdbox{background: #F7F6F1;
        background-image: url("/img/toc_bg.jpg");
        padding:20px;
        border:1px solid black
        }
.rate{background: #F7F6F1;
        background-image: url("/img/toc_bg.jpg");
        border:1px solid black;
        font-family: 'Gill Sans', 'Arial', 'sans-serif';
        font-size: 9pt;
        padding: 3pt;
        vertical-align: middle;
        text-align: center;

        }

img.rt{
   border: 1px inset black;
   vertical-align: baseline;
   margin-right: 5pt;
}

div.rtb{
   float: left;
   height: 7px;
}

span.rtv{
   font: 8pt Arial;

}


INPUT[type="radio"]{
   vertical-align: middle;
}


input {
      font: 10pt Arial;
      color: rgb(180,0,0);
      padding-left: 3pt;
      padding-right: 3pt;
}



hr{
   background-image: url('http://www.catchlock.com/hr.gif');
   background-repeat: repeat-x;
}


INPUT[type="text"]{
      font: 10pt Arial;
      color: rgb(180,0,0);
      border: 1px solid black;
      padding-left: 3pt;
      padding-right: 3pt;
}


#noborder{
      border: 0px solid red;
}

input.stdinput {background: #F0F0E0;
                border:2px outset #F0F0E0
}

.descr {
    margin:20px 20px 20px 20px;
    padding:0px;
    }

.Content {
    margin:0px 15% 5px;
    padding:20px;
    color:black;
    /*background-color:#eee;*/
    background-image: url("/img/toc_bg.jpg");
    background-repeat: repeat;
    border:1px solid black;
    }

.box {
    padding:20px;
    margin:3.3% 10% 10% 10%;
    color:black;
    background-color:#eee;
    background-image: url("/img/toc_bg.jpg");
    border:1px solid black;
    }

.boxfit {
    color:black;
    background-color:#eee;
    background-image: url("/img/toc_bg.jpg");
    border:1px solid black;
    }


.first {margin-top:0px; padding-top:0px;}

.logobox {
    background-image: url("/img/logo.gif");
    border:1px solid black;

}

.locationbox {

   border: 1px solid black;
   margin-bottom: 4px;
   background-color: rgb(200,200,200);
   background-image: url("/img/logo.gif");

}


div.bar{
    background-color: red;
}

div.txtscroll {
   height: 20%;
   width: 100%;
   overflow: auto;
   border: 1px groove #BFBFBA;
   background-color: #FFFFFA;
   padding: 8px;
}
div.txtscroll {
   height: 15%;
   width: 100%;
   overflow: auto;
   border: 1px groove black;
   background-color: #FFFFFA;
   padding: 8px;
}

div.imgscroll {
   height: 85%;
   width: 100%;
   overflow: auto;
   border-left: 1px groove black;
   border-right: 1px groove black;
   border-bottom: 1px groove black;
   background-color: #FFFFFA;
   padding: 8px;
}

div.googlead{
   float:right;
   clear:right;
   margin-left: 16px;
   padding:0;

}

/* <link rel="stylesheet" href="std.css" />  */


   li.demoht {
      font: 10pt Arial;
      color: black;
      background: yellow;
      list-style-image: url("bulletarrow.gif");
   }
   li.inactive {font: 10pt Arial; color: rgb(180,110,60);;}
   li.dis {font: 10pt Arial; color: rgb(180,110,60); }
   
   ul.inactive {
      font: 10pt Arial; color: rgb(180,110,60);
   }

   ul {
    font: 10pt Arial;
    list-style-image: url("bullet.png");
    margin: 0 em;
    padding-left: 1.0 em;
    padding-top: 0.5 em;
    padding-bottom: 0.5 em;

    }
   

   a.demoht {font: 10pt Arial; color: black;}
   a.dis {font: 10pt Arial; color: rgb(180,110,60);;}
   a.inactive {font: 10pt Arial; color: black;}

   div.infobox {
   background: rgb(210,210,255);
   background-image: url('toc_bg.jpg');
   background-color: rgb(255,255,128);
   border: 2px solid black;
   margin: 12pt;
   padding: 0px;
   }
   div.ibheader {
   padding-right: 16pt;
   padding-left: 16pt;
   text-align: center;
   color: white;
   background: black;
   background-image: url('header.png');
   background-repeat: repeat-x;
   font-weight: bold;
   font: 10pt Arial;
   margin: 0px;
   }
   div.infoboxinside {
   padding-right: 16pt;
   padding-left: 16pt;
   padding-top: 12pt;
   padding-bottom: 16pt;

   }
   

   div.actionbox {
   background: rgb(200,200,200);
   background-color: rgb(255,255,128);
   background-image: url('toc_bg.jpg');
   border: 2px solid black;
   margin: 12pt;
   padding: 0px;
   }
   
   div.actionboxinside {
   padding-right: 16pt;
   padding-left: 16pt;
   padding-top: 12pt;
   padding-bottom: 16pt;

   }
   div.abheader {
   padding-right: 16pt;
   padding-left: 16pt;
   text-align: center;
   color: white;
   background: black;
   background-image: url('header.png');
   background-repeat: repeat-x;
   font-weight: bold;
   font: 10pt Arial;
   margin: 0px;
   }


   div.errbox {
   background: rgb(180,0,0);
   border: 1px dotted black;
   color: white;
   padding: 12pt;
   margin: 12pt;
   text-align: center;
   }
   td.sq{
      width: 20px;
      height 14px;
      vertical-align: center;
   }
   table.selsq{
      border: 1px solid black;
      background-color: rgb(33,33,255);
      background-image: url('http://www.catchlock.com/users/img/locationselector.jpg');
   }
   
   div.logobox{
      border-collapse: collapse;
      padding: 0px;
      border: 1px solid black;
      margin-bottom: 12px;
      background-color: white;
   }
   
   span.errtxt{
      color: white;
      background-color: red;
      padding-left: 2pt;
      padding-right: 2pt;
   }
   
   #footnote{
      font-size: 8pt;
   }