a:link
{
	color: 0088cc;
	text-decoration: none; 
}

a:visited
{
	color: 0088cc;
	text-decoration: none;
} 

a:active 
{
	color: 0088cc;
	text-decoration: none;	
}

a:hover
{
	color: 0088cc;
	text-decoration: underline;	
}

body
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 13px;
	color: rgb(70,70,70);
	margin:0;
	background-color:rgb(255,255,255);
	background-image:url('images/bg.gif');
}

table
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 13px;
	color: rgb(70,70,70);	
	bckground-color:rgb(255,255,255);
}

.tbbg
{
    background-color:rgb(255,255,255);
}

.bgimg 
{
	background:#FFFFFF url('images/table-bg.gif') repeat-x top;
}

.th
{
    background-color:rgb(200,200,200);
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 14px;
	font-weight: bold;
	color: rgb(0,0,0)
}

.tch
{
    background-color:rgb(225,225,225);
	font-family: Tahoma;
	font-size  : 8pt;
	font-weight: bold;
	color: rgb(0,0,0)
}

.tc
{
    background-color:rgb(240,240,240);
	font-family: Calibri, Trebuchet MS, Arial;
	font-size  : 12px;
	font-type: normal;
	color: rgb(0,0,0)
}

.tb
{
    border:1px solid #dddddd; 
    background-color:#ffffff;
	color: rgb(0,0,0);	
	font-family: Trebuchet MS, Arial;
	font-size  : 13px;
	font-type: normal;
	padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
}

h1
{
	font-family: Arial;
	font-size  : 12pt;
	font-weight: normal;
	font-weight: bold;
	color: rgb(0,50,175)
}

h2
{
	font-family: Arial;
	font-size  : 11pt;
	font-weight: normal;
	font-weight: bold;
	color: rgb(200,0,0)
}

.mt
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 15px;
	font-weight: bold;
	color: rgb(0,0,0)
}

.hd
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 16px;
	font-weight: bold;
	color: rgb(0,136,204)
}
.shd
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 15px;
	font-weight: bold;
	color: rgb(200,0,0)
}
.shd1
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 14px;
	font-weight: bold;
	color: rgb(0,0,0)
}
.error
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 13px;
	font-weight: normal;
	color: rgb(200,0,0)
}
.btn
{
	font-family: Arial;
	font-size  : 12px;
	font-weight: bold;
	color: rgb(0,0,0)
    background-color: #676767;	
    border:1px solid #383838;   
}
p
{
	align: justify;
	line-height: 140%
}

ul
{
	font-family: Trebuchet MS, Calibri, Arial;
	font-size  : 13px;
	font-style: normal;
	color: rgb(70,70,70);
	list-style-image:url('images/listbullet.gif');
}

-----------------------------------------------------------------------------------------------------

/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:184px; height:52px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:184px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0px;
    width:600px; height:10px; 
    background: #ebebeb;
  }
div#dragBar {
    position:absolute; left:1px; top:0px;
    width:10px; height:8px; 
    background-color:#cecece;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 





div#wn	{ 
	position:relative; overflow:hidden; left:21px; top:0px;
	width:700px; height:475px;
	}