////////////////////////// index //////////////////////////

body	{  background-image: url('bc.gif'); background-repeat: repeat-x; }

td	{font-family: Verdana; font-size: 11px;}
.BR	{font-size: 11px;font-weight: Bold;text-decoration: none; text-align: left}
.BL	{font-size: 11px;font-weight: Bold;text-decoration: none; text-align: left}
.BC	{font-size: 11px;font-weight: Bold;text-decoration: none; text-align: center}

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

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

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

.menu {FONT-SIZE: 10pt; COLOR: #D8E6F1; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font: normal}


h1, h3, h5, h6 {
    font-family: Verdana;
    font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #438ABE;
}



.zz {background: #F3F7F8; FONT-SIZE: 7pt; COLOR: #005090; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font: normal; padding: 0px; border-left: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-top: #cccccc 1px solid;}

select {  font-family: Verdana; font-size: 11px; }
input  { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font: normal;}

.name	{font-size: 11px;font-weight: Bold;text-decoration: none; color: #005090}

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

.code {  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 {background: #F2F8FB;}
.xxx { margin: 0px;padding: 0px; border-left: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; border-bottom: #CCCCCC 1px solid; border-top: #CCCCCC 1px solid;}

.men {border-left: #CAE4F7 1px solid; border-left: #CAE4F7 1px solid; border-bottom: #CAE4F7 1px solid; border-top: #CAE4F7 1px solid; background: #FFFFFF;}



.f1 {border-left: #E1ECFA 1px solid; border-left: #E1ECFA 1px solid; border-bottom: #E1ECFA 1px solid; border-top: #E1ECFA 1px solid;}
.f2 {border-left: #FFDCE5 1px solid; border-left: #FFDCE5 1px solid; border-bottom: #FFDCE5 1px solid; border-top: #FFDCE5 1px solid;}
.f3 {border-left: #E6F5EB 1px solid; border-left: #E6F5EB 1px solid; border-bottom: #E6F5EB 1px solid; border-top: #E6F5EB 1px solid;}

.x1 {border-left: #C4E7FD 1px solid; border-left: #C4E7FD 1px solid; border-bottom: #C4E7FD 1px solid; border-top: #C4E7FD 1px solid; background: #F8FDFF;}
.x11 {border-left: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; border-top: #808080 1px solid; solid; background: #ffffff;}
.x2 {border-left: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; border-top: #808080 1px solid; background: #ffffff;}

.new_tbl_tilte {border:0px solid #DBDBDB; padding:0px; background:#DBDBDB;}

.new_tbl_font {font-family: Verdana; font-size: 14px; color: #ffffff; text-align: left; font-weight: Bold;}
.top_menu_font {font-family: Verdana; font-size: 5px; color: #8D8D8D; text-align: center; font-weight: Bold;}



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


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


.bc03 {  border-left: #EDB363 1px solid; border-left: #EDB363 1px solid; border-bottom: #EDB363 1px solid
}


.bc04 {  border-left: #266197 1px solid; border-left: #266197 1px solid; border-bottom: #266197 1px solid
}


.bc05 {  border-left: #266197 1px solid; border-left: #266197 1px solid; border-bottom: #266197 1px solid
}



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

.name {font-size: 18px;font-weight: Bold;text-decoration: none; color: #005090}
a, visited {FONT-SIZE: 10pt; color: #336699; text-decoration: none; }
a:hover { FONT-SIZE: 10pt; color: #000080; text-decoration: none; }

#border_bot {
        border-bottom: #99BDDD 1px solid; 
}

:link.links, :visited.links
{
	color:000000;
	font-size: 11px;
	text-decoration: none;
	font-family:Verdana ;   
}

:hover.links
{
	color:000080;
	font-size: 11px;
	text-decoration: none;
	font-family:Verdana ; 
}

////////////////////////// index //////////////////////////

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

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