.filter_text {
	width: 95%; 
	font-size: x-small; 
	border: solid 1px #e2e2c7;
	padding-left: 3px;
}

.filter_dropdown {
	width: 97%; 
	font-size: x-small; 
	border: solid 1px #e2e2c7;
}


.jsmList {
	border: solid 1px #999999;
	border-collapse: collapse;
}


.jsmList td {
	border-bottom: solid 1px #bbbbbb;
	padding-left: 4px;
	font-size: x-small;
	font-family: Arial;
	vertical-align: middle;
	padding: 4px;
}

.jsmList_topRow td {
	background-color: #e2e2c7;
	padding: 1px;
	border: solid 1px #808080;
	font-size: xx-small;
	font-family: Arial;
	vertical-align: middle;
}

.jsmList_topRow a {
	text-decoration: none;
	color: #000000;
}

.jsmList_topRow:hover {
	background-color: #aaccff;
}

.jsmList_counter {
	text-align: right;
	padding-right: 2px;
	width: 20px;
}

.jsmList_checkbox {
	text-align: center;
	width: 20px;
	padding-right: 4px;
}

.jsmList_title {
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
}

.jsmList_subtitle {
	font-size: xx-small;
}


.jsmList_pnButton {
	background-color: #e2e2c7;
	border: solid 1px #808080;
	width: 20px;

}

.jsmList_pageNavigator td {
	font-family: System;
	font-size: x-small;

}

.jsmList_function {
	background-color: #e2e2c7;
	border: solid 1px #808080;
	width: 120px;
}


.jsmList_separator {
	padding-right: 40px;
}

.pageButtons a {
	background-color: #e2e2c7;
	border: solid 1px #808080;
	padding: 5px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: small;
	font-family: Arial;
	text-decoration: none;
}

.pageButtons a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #000000;
}

.text {
	font-weight: bold;
	font-size: normal;
}

.message {
	font-family: Tahoma;
	font-size: small;
	color: #666666;
	font-weight: bold;
	padding-left: 20px;
	padding: 3px;
	vertical-align: bottom;
}

div {
	font-family: Tahoma;
	font-size: small;
}

hr {
    background: #C0C0C0;
    height: 1px;
    width: 100%;
   }

.sectiontableheader {
  background-color : #34659d;
  color            : #FFFFFF;
  padding: 4px 10px 4px 4px;
  font-weight      : bold;
  letter-spacing   : 0px;
  
}
/* this is used when there's a whole list of data to provide and
	you need to create alternate colors for each row of data. This is
	the first color */ 
.sectiontableentry1 {
  line-height: 18px;
  height: 20px;
  background-color : #FFFFFF;
}

/* this is the second color for the row. So, the table generator,
	will alternate its style through sectionableentry1 and sectiontableentry2
	as it cycles through and outputs each row of data. Similar to forum's post
	listings */
.sectiontableentry2 {
  line-height: 18px;
  height: 20px;
  background-color : #f9f9f9;
}

