a       {color:black; text-decoration:none;}
a:hover {color:red; text-decoration:underline;}

.pb
{
 border:1px solid;
 border-color: red;
 background-color: #F4F4F4;
 font-color: black;
 font-size: 10pt;
 font-family: verdana
}

.pbf
{
 border:1px solid;
 border-color: black;
 background-color: #F4F4F4;
 font-color: black;
 font-size: 10pt;
 font-family: verdana
}


.pbn
{
 border:1px solid;
 border-color: #6666FF;
 background-color: #F4F4F4;
 font-color: black;
 font-size: 10pt;
 font-family: verdana
}
 
.fpg
{
 font-family: verdana;
 font-color: black;
 font-size: 9pt
}

.pghdr
{
 font-color: #00B2EB;
}

.tf
{
 border:1px solid;
 border-color: #666666;
 background-color: white;
 font-family: arial;
 font-color: black;
 font-size: 10pt
}

.otf
{
 border:1px solid;
 border-color: red;
 background-color: white;
 font-family: arial;
 font-color: black;
 font-size: 10pt
}

.tff
{
 border:1px solid;
 border-color: #ff0000;
 background-color: #F4F4F4;
 font-family: arial;
 font-color: black;
 font-size: 10pt
}

.container 
{
 border: 1px solid red; 
 left: 0px;
 position: relative; 
 width: 124px; 
 height: 19px; 
 overflow: hidden;
}

.inpSelect 
{
 font: normal 13px Arial;
 color: black; 
 background: white;
 position: absolute; 
 width: 128px; 
 top: -2px; 
 left: -2px;
}

.containerml2
{
 border: 1px solid red; 
 left: 0px;
 position: relative; 
 width: 180px; 
 height: 19px; 
 overflow: hidden;
}

.inpSelectml2 
{
 font: normal 13px Arial;
 color: black; 
 background: white;
 position: absolute; 
 width: 184px; 
 top: -2px; 
 left: -2px;
}

.containerml 
{
 border: 1px solid red; 
 left: 0px;
 position: relative; 
 width: 116px; 
 height: 20px; 
 overflow: hidden;
}



.inpSelectml
{
 font: normal 13px Arial;
 color: black; 
 background: white;
 position: absolute; 
 width: 120px; 
 top: -2px; 
 left: -2px;
}
/* comments
   #createID {style elements}
   .one {style elements}

in html:
   <p id="createID">gets createID style</p>
   <p class="one">gets style one</p>
*/