body
{
    color: black;
    background: white;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    text-align: center;
}
/*
MARGINS
*/
.panel
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0;    
}
/*
TABLES
    border-collapse: collapse;
*/
tbody
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;    
    vertical-align: middle;
}

table.main
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 780px;
    padding: 0;
    vertical-align: top;
}

form
{
    padding: 0;
    margin: 0;
}
/* header box with yellow color*/
table.hdrbox_1
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 100%;
    height: 20px;
    text-align: center;
    background-color: #e0e0e0;
    padding: 0;
}

table.locking  td {
    width: 100%;
    height: 15px;
    padding: 1 1 1 1;
    color: #4c4c4c;    
    text-align: center;
}

table.whitebox {
    width: 100%;
    border: 1px solid #FFFFFF;
    padding: 1 1 1 1;
    margin: 5 0 0 0;
}

/*
EDIT BOXES
*/
.eb
{
    vertical-align: middle;
    height: 20px;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 1px;
}

.cb
{
    vertical-align: middle;
    height: 20px;
}

.eb_lucida
{
    vertical-align: middle;
    font-size: 8pt;        
    font-family: "Lucida console";
    margin: 1px;
}

/*
WIDTH
*/
.w20  {width: 20px;}
.w30  {width: 30px;}
.w40  {width: 40px;}
.w50  {width: 50px;}
.w70  {width: 70px;}
.w80  {width: 80px;}
.w90  {width: 90px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w550 {width: 550px;}

/*
 HEIGHT 
*/
.h20  {height: 20px;}
.h50  {height: 50px;}
.h60  {height: 60px;}
.h70  {height: 70px;}

.lh100 {line-height: 100%;}
.lh110 {line-height: 110%;}
.lh150 {line-height: 150%;}
.lh200 {line-height: 200%;}

/*
ALIGN
*/
.algn_l { text-align: left; }
.algn_c { text-align: center; }
.algn_r {
}

/*
COLORS
*/
.bg_col_0 {background: #FFFFFF;}
.bg_col_1 {background: #e0e0e0;} /* ligh gray */
.bg_col_2 {background: #ffffc0;} /* light yellow */
.bg_col_3 {background: #B0E0E6;} /* PowderBlue */
.bg_col_4 {background: #DCDCDC;} /* Gainsboro) */
.bg_col_5 {background: #CDCDCD;}
.bg_col_6 {background: #FFE0C0;}
.col_1    {color: #c00000;}

h3 {	
    margin: 0;
    padding: 1 0 2 0;
	line-height: 100%;
	font-size: 100%;
	border-bottom:1px solid #cccccc;
    text-transform: uppercase;         
    color: #4c4c4c;    
    font-weight: bold;
    text-align: center;
}

h4 {	
    margin: 0;
    padding: 1 0 2 0;
	line-height: 100%;
	font-size: 100%;
    text-transform: uppercase;         
    color: #4c4c4c;    
    font-weight: bold;
    }

/*
LINKS
*/
a:link
{
    color: #000000;
    text-decoration: none;
}
a:visited
{
    color: #e0e0e0;
    text-decoration: none;
}
a:hover
{
    color: #cccccc;
    text-decoration: underline;
}
/*
BUTTONS
*/
.btn1
{
    color: #e0e0e0;
    background-color: #006699;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 20px;
    vertical-align: middle;
}
.btn2
{
    color: #e0e0e0;
    background-color: #B22222;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 20px;    
    vertical-align: middle;
}
.btn3
{
    border-right: #808080 1px solid;
    border-top: #808080 1px solid;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

/*
DATAGRID
*/
.datagrid 
{
  border: 1px solid #CCCCCC;    
  background: white;
  padding: 0;
  margin: 0; 
  width: 100%;
  text-align: left; 
}

.datagrid td {
    border: 1px solid #CCCCCC;        
    height: 20px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.datagrid.header {
 color: White;
 background: #006699;
 vertical-align: middle;
 text-align: center; 
 border-color: #E0E0E0; 
}

.dgs
{
    height: 20px;
    vertical-align: middle;
    border-color: #CCCCCC; 
}

.dgs td
{
    border-color: #CCCCCC;    
}

.statusbar
{
    font-weight: bold;
    color: Red;
    margin: 2 0 0 0;
}
/*
SEPARATORS
*/
.separator {
 width: 100%;
 line-height: 20%;
 padding: 0;
 margin: 5 0 0 0;
 border-top: 1px solid #cccccc; 
}
.sep_v
{
    background: url(      'images/sepv.gif' ) repeat-y;
    width: 1px;
}
.sep_h
{
    background: url(      'images/seph.gif' ) repeat-x;
    height: 10px;
}

.rfloat {
float: right;
}

/*
FONTS
*/
.font1
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 10px;
    line-height: 150%;
}

.bold {font-weight: bold;}