label {
	cursor: pointer;
}

.alert_frame {
	border:solid 1px #ca1717;
}
div.underline {
	border-bottom: 1px solid #666666;
}

*.index{
	padding-left: 30px;
	background:url(button/index_green.gif) left no-repeat;
}

*.index_item{
	font-weight: bold;
	border-left: solid 5px #CCCC33;
	padding-left: 5px;
}

/* background */
.bg {
	width: 100%;
	background: #F3F2ED;
	margin: 0px;
	padding: 0px;
}

/* table */
	/* 1 */
table#table1 {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	clear: both;
}

table#table1 caption {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table#table1 td, table#table1 th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.5em;
	vertical-align: top;
}

table#table1 tr.odd th, table#table1 tr.odd td {
	background: #efefef;
}

	/* 2 */
table#table2 {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	clear: both;
}

table#table2 caption {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table#table2 td, table#table2 th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.5em;
	vertical-align: middle;
}

table#table2 tr.odd th, table#table2 tr.odd td {
	background: #efefef;
}

table#table2 tr.head th, table#table2 tr.head td {
	background:url(button/caption_dir.gif) bottom right;
}

table#table2 img{
	vertical-align: -2px;
}


/* itembox */
p#itembox {
	background: #F0F0F0;
	border: 1px solid #ccc;
    width: 99%;
    height: auto;
	margin: 0px;
	padding: 10px 0px;
	overflow:auto;
}

p#itembox span {
	margin: 0px 15px 5px 15px;
	float: left;
	white-space: nowrap;
}


 /*leftside-menu*/
.ddsmoothmenu{
	background: #FFF;
	width: 180px;
}

.ddsmoothmenu ul{
	z-index:00;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 178px;
	background: #FFF;
}

.ddsmoothmenu ul li{
	/*Top level list items*/
	position: relative;
	display: inline;
	float: left;
	width: 178px;
}

.ddsmoothmenu ul li a{
	/*Top level menu link items style*/
	display: block;
	background: #FFF;
	color: #333;
	padding: 8px 10px;
	border-bottom: 1px dashed #ABABAB;
	text-decoration: none;
	white-space: normal;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
}

.ddsmoothmenu ul li a:hover{
	background: #EEE;
	color: #111;
}
	
.ddsmoothmenu ul li ul{
	/*1st sub level menu*/
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	border: 1px solid #888;
	visibility: hidden;
}

.ddsmoothmenu ul li ul li{
	/*Sub level menu list items (undo style from Top level List Items)*/
	display: inherit;
	float: none;
}

.ddsmoothmenu ul li ul li ul{
	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	top: 0;
	border: 1px solid #888;
}

.ddsmoothmenu ul li ul li a{
	/* Sub level menu links style */
	width: 175px;
	padding: 5px 0 5px 5px;
	margin: 0;
}

.ddsmoothmenu .head {
	width: 173px;
	border: 1px solid #DBE5F1;
	color: #EFEFEF;
	padding: 5px 0 5px 5px;
	margin-bottom: 1px;
	background-color: #354966;
	font-weight: bold;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
 /*leftside-menu*/
.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
/*leftside-menu*/
.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}

<!--[if lte IE 7]>
html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
<![endif]-->

