body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #ffffff;/* url(images/main-bg.gif);*/
	padding: 0;
	margin: 0;
}
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	/*background: url(images/dock-bg2.gif);*/
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav>li:hover{
	padding-right: 1px;
} 

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: #369;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #369;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 1px solid #369;
}

.nav a{
	text-decoration: none;
}
.class_fieldset { margin: 0px;width:50%; BORDER: #dddddd 1px solid; Tahoma;}
.class_filter_table {ALIGN : center BORDER: #d0d0d0 0px solid; FONT: NORMAL 12px Tahoma;}
.class_legend {FONT: NORMAL 12px Tahoma;}
.class_paging_table {BORDER: #d0d0d0 0px solid; FONT: NORMAL 12px Tahoma;}
.class_table {WIDTH: 90%;PADDING-TOP: 1px; BORDER-COLLAPSE: collapse; BORDER: #d0d0d0 1px solid; FONT: NORMAL 12px Tahoma; ALIGN: center}
.class_th { BORDER-BOTTOM: #ffcc33 2px solid; BORDER-RIGHT: #d2d0bb 2px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; FONT: bold 13px Tahoma; COLOR: #333333; PADDING-TOP: 2px; }
.class_th_normal { BORDER-BOTTOM: #d2d0bb 2px solid; BORDER-RIGHT: #d2d0bb 2px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; FONT: bold 13px Tahoma; COLOR: #333333; PADDING-TOP: 2px; BACKGROUND-COLOR: #e2e0cb}
.class_th_selected { BORDER-BOTTOM: #cd0000 2px solid; BORDER-RIGHT: #d2d0bb 2px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; FONT: bold 13px Tahoma; COLOR: #333333; PADDING-TOP: 2px; BACKGROUND-COLOR: #e2e0cb}
.class_td_main { BORDER-TOP: #f1efe2 1px solid; BORDER-RIGHT: #fefefe 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT: Tahoma; }
.class_td_selected { WIDTH :10 px BORDER: #f1efe2 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: Tahoma; PADDING-TOP: 2px; }
.class_td      { vertical-align: top;BORDER: #f1efe2 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT: Tahoma;  }
.class_button {BORDER-RIGHT: #b2b09b 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; FONT: bold 12px Tahoma; BORDER-LEFT: #ffffff 1px solid; COLOR: #333333; PADDING-TOP: 2px; BORDER-BOTTOM: #b2b09b 1px solid; BACKGROUND-COLOR: #e2e0cb}
.class_select {BORDER: #b2b09b 1px solid; FONT: NORMAL 12px Tahoma;background-color: #fcfaf6;}
.class_label {FONT-SIZE: 12px; FONT-FAMILY: Tahoma; }
.class_textbox {BORDER: #b2b09b 1px solid; FONT: NORMAL 12px Tahoma;width:110px;padding-left:3px;}
.class_checkbox {BORDER:0px; FONT: NORMAL 12px Tahoma;width:20px;}
.class_radiobutton {BORDER:0px; FONT: NORMAL 12px Tahoma;width:20px;}
.caption {FONT: NORMAL 14px Tahoma; font-weight: bold; text-align:center; Padding-bottom: 0;}
.class_error_message {FONT: NORMAL 12px Tahoma; COLOR: #ff8822; }
.class_ok_message {FONT: NORMAL 12px Tahoma; COLOR: #449944; }

a.class_a { background: transparent; color: #72705b; text-decoration: none; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;}a.class_a:hover { background: transparent; color: #f0c030; text-decoration: none; FONT-SIZE: 12px; FONT-FAMILY: Tahoma; }
a.class_a2 { background: transparent; color: #72705b; text-decoration: none; FONT-SIZE: 12px; FONT-FAMILY: Tahoma; }a.class_a2:hover { background: transparent; color: #ffcc33; text-decoration: none; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;}a.class_a2:visited { background: transparent; color: #72705b; text-decoration: none; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;}
.class_div { width : 30%; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 0px}