////////////////////////// index //////////////////////////
<!--
body	{ background: #007587; font-family: tahoma; font-size: 11px; color: #333 }
.back	{ background-image: url('bcx.gif'); background-repeat: repeat-x; }
td	{ margin: 0px; font-family: tahoma; font-size: 11px; }
.BR	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: right}
.BL	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: left}
.BC	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: center}

.h2R	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: right}
.h2L	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: left}
.h2C	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: center}
.hb2C	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; text-align: center}
.bodyR  { margin: 0px; font-family: tahoma; font-size: 11px; color: #333; text-align: right}
.bodyL	{ margin: 0px; font-family: tahoma; font-size: 11px; color: #333; text-align: left}
.bodyC	{ margin: 0px; font-family: tahoma; font-size: 11px; color: #333; text-align: center }

.B	{font-size: 11px;font-weight: Bold;text-decoration: none;margin: 0px;}

.R	{font-size: 11px;text-decoration: none;margin: 0px;padding: 0px; text-align: right}
.L	{font-size: 11px;text-decoration: none;margin: 0px;padding: 0px; text-align: left}
.C	{font-size: 11px;text-decoration: none;margin: 0px;padding: 0px; text-align: center}
hr	{ margin: 0px; height: 1px; color: #CFDCE3; }


select { margin: 0px; font-family: tahoma; font-size: 11px; }


.name	{font-size: 18px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; color: #005090}

.input  { background-image: url('bot.gif'); }

.code { margin: 0px;padding: 0px; border-left: #DFDFDF 1px solid; border-top: #DFDFDF 1px solid; border-bottom: #DFDFDF 1px solid
}

.bacx {background-image: url('bcx.gif'); background-repeat: repeat-x;}

.x { font-family: tahoma; font-size: 11px; color: #003866; margin: 0px;padding: 0px; border-bottom: #CFDCE3 1px solid; background-image: url('bcx.gif'); background-repeat: repeat-x;}


.xx { margin: 0px;padding: 0px; border-right: #CFDCE3 1px solid; border-left: #CFDCE3 1px solid; border-bottom: #CFDCE3 1px solid; border-top: #CFDCE3 1px solid;}


.bc01 { margin: 0px;padding: 0px; border-right: #5F97CA 1px solid; border-left: #5F97CA 1px solid; border-bottom: #5F97CA 1px solid
}


.bc02 { margin: 0px;padding: 0px; border-right: #5E7D9F 1px solid; border-left: #5E7D9F 1px solid; border-bottom: #5E7D9F 1px solid
}


.bc03 { margin: 0px;padding: 0px; border-right: #EDB363 1px solid; border-left: #EDB363 1px solid; border-bottom: #EDB363 1px solid
}


.bc04 { margin: 0px;padding: 0px; border-right: #266197 1px solid; border-left: #266197 1px solid; border-bottom: #266197 1px solid
}


.bc05 { margin: 0px;padding: 0px; border-right: #266197 1px solid; border-left: #266197 1px solid; border-bottom: #266197 1px solid
}



.bc06 { border: #266197 1px solid; color:#000000; text-decoration: none;margin: 0px;padding: 0px; background-color:#ffffff;}




.name {font-size: 18px;font-weight: Bold;text-decoration: none;margin: 0px;padding: 0px; color: #005090}
a, visited {color: #336699; text-decoration: none; }
.bc { background-image: url('/img/6rb-1.gif'); background-repeat: repeat-x; }
a:hover { color: #B32D00; text-decoration: underline; }
-->
////////////////////////// index //////////////////////////

///////////////////////// PopUp //////////////////////////
<!--

#postit{
position:absolute;
width:250;
padding:5px;
background-color:lightyellow;
border:1px solid black;
visibility:hidden;
z-index:100;
cursor:hand;
}

-->
///////////////////////// PopUp //////////////////////////