html,body { margin:0px 0px 0px 0px; font-family:verdana; font-size:11px;height:100%; }

.menu { font-family:Verdana; font-size:11px; background-image:url(../images/menu.gif); margin-bottom:2px; background-repeat:no-repeat; width:145px; height:28px; line-height:28px; vertical-align:middle; font-weight:bold; }

.menu2 { font-family:Verdana; font-size:11px; background-image:url(../images/menu2.gif); margin-bottom:2px; background-repeat:no-repeat; width:145px; height:28px; line-height:28px; vertical-align:middle; font-weight:bold; cursor:pointer; }

.menu_selected { font-family:Verdana; font-size:11px; background-image:url(../images/menu_selected.gif); background-repeat:no-repeat; margin-top:2px; width:145px; height:28px; line-height:28px; vertical-align:middle; color:#5492b9; text-align:right; }

.submeniu { font-family:Verdana; font-size:11px; background-image:url(../images/submenu.gif); margin-bottom:2px; background-repeat:no-repeat; width:145px; line-height:28px; vertical-align:middle; color:#666666; }

.submeniu_hover { font-family:Verdana; font-size:11px; background-image:url(../images/submenu.gif); margin-bottom:2px; background-repeat:no-repeat; width:145px; line-height:28px; vertical-align:middle; color:#666666; }


a.leftmenu { font-family:Verdana; font-size:11px; font-weight:lighter; color:black; text-decoration:none; }
a.leftmenu:visited { font-family:Verdana; font-size:11px; font-weight:lighter; color:black; text-decoration:none; }
a.leftmenu:hover { font-family:Verdana; font-size:11px; font-weight:lighter; color:#195576; text-decoration:underline; }

a.leftmenu2 { font-family:Verdana; font-size:11px; font-weight:lighter; color:#666666; text-decoration:none; }
a.leftmenu2:visited { font-family:Verdana; font-size:11px; font-weight:lighter; color:#666666; text-decoration:none; }
a.leftmenu2:hover { font-family:Verdana; font-size:11px; font-weight:lighter; color:black; text-decoration:underline; padding-left:5px; }

a.bottom { font-family:verdana; font-size:10px; font-weight:lighter; color:#9b9b9b; text-decoration:none; }
a.bottom:visited { font-family:verdana; font-size:10px; font-weight:lighter; color:#9b9b9b; text-decoration:none; }
a.bottom:hover { font-family:verdana; font-size:10px; font-weight:lighter; color:#9b9b9b; text-decoration:underline; }

a { font-family:verdana; font:11px; font-weight:lighter; color:darkblue; text-decoration:none; }
a:visited { font-family:verdana; font:11px; font-weight:lighter; color:darkblue; text-decoration:none; }
a:hover { font-family:verdana; font:11px; font-weight:lighter; color:darkblue; text-decoration:underline; }

a.news { font-family:Verdana; font-size:11px; font-weight:bold; color:#1b75a7; text-decoration:none; }
a.news:visited { font-family:Verdana; font-size:11px; font-weight:bold; color:#1b75a7; text-decoration:none; }
a.news:hover { font-family:Verdana; font-size:11px; font-weight:bold; color:#c53710; text-decoration:underline; }

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table
{
	border-right: #2b63a3 1px solid;
	border-top: #2b63a3 1px solid;
	font-size: 11px;
	background: #f5f5f5;
	border-left: #2b63a3 1px solid;
	cursor: hand;
	color: #000;
	border-bottom: #2b63a3 1px solid;
	font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #003366;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #C4D3DB;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.caltable{
	margin : 0px;
	padding : 2px;
	border-collapse : separate;
}

.calendar caltable{
	margin : 0px;
	padding : 2px;
	border-collapse : separate;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #000000;
  color: #FFF;
  border: 1px solid #3C5462;
   cursor:hand;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #003366;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #000000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .hilite { /* Hovered cells <TD> */
  background: #DEE7EB;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
  cursor:hand;
}

.calendar tbody .active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody .selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody .weekend { /* Cells showing weekend days */
  color: red;  
}

.calendar tbody .today { /* Cell showing selected date */
  font-weight: bold;
  color: #000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #003366;
  color: #FFFFFF;
  font-size: 10pt;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #000000;
}

div.breakafter {page-break-after:always;
	color: silver}
div.breakbefore {page-break-before:always;
	color: silver}

.line_row_bvb{
	cursor:default;
	font-size:8pt;
	background-color : white;
 	border : 1px solid #cbcbcb;
	border-collapse : collapse;
	font-family : monospace;
}

.underlshow{
	text-decoration:underline;
	cursor:hand;
}
.underlhide{
	text-decoration:none;
	cursor:default;
}

h3{
	font-size: 18pt;
	font-family: Arial, Verdana, sans;
	color: #4682B4;
}

h2{
	font-size: 16pt;
	font-family: Arial, Verdana, sans;
	color: #4682B4;
}
