a       {color:#336600; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}

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

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

.tf
{
 border:1px solid;
 border-color: #333333;
 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
}

.checkbox
{
 border-color: red;
 font-family:webdings;
 position:relative;
 font-size:18px;
 color:black;
 top:-4;
 left:-2px;
}

.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>
*/