/* styles for Septop index page*/

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Arial;
	font-size: 0.9em;
}

td {
	font-family: Arial;
	font-size: 1em;
}

.textBox {
	height: 14px;
	border: 1px solid #cccccc;
	margin-top: 2px;
	padding: 2px 5px 1px 5px;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	background-color: transparent;
	background-image: url("../images/inputBg_.jpg");
	background-repeat: repeat-x;
	background-position: center left;
}
.textBox:hover {
	background-image: url("../images/inputBg.jpg");
}
.button  {
	height: 20px;
	border: 1px solid #cccccc;
	margin: 4px 0px 0px 0px;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 10px;
	background-color: transparent;
	background-image: url("../images/buttonBg.jpg");
	background-repeat: repeat-x;
	background-position: center left;
	cursor: pointer;
}
.button:hover {
	background-image: url("../images/inputBg.jpg");
	color: #666666;
}



/* ### ###  LISTING STYLES (WRAPPER SELECTION) ### ### */
#listing {
	margin-top: 10px;
	margin-left: 10px;
}
.listingWrapper {
	border: 0px;
	padding: 0px;
	border-collapse: separate;
	border-spacing: 0px 0px;
}
.table_tl {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_lt.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_top {
	margin: 0px;
	padding: 0px;
	height: 6px;
	font-size: 4px;
	background-image: url("../images/table_top.jpg");
	background-repeat: repeat-x;
	background-position: top right;
	display: table-cell;
}
.table_tr {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_rt.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	display: table-cell;
}
.table_border_l {
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_border_l.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_content {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-image: url("../images/table_content.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	display: table-cell;
}
.table_border_r {
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_border_r.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_dl {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_ld.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_down {
	margin: 0px;
	padding: 0px;
	height: 6px;
	font-size: 4px;
	background-image: url("../images/table_down.jpg");
	background-repeat: repeat-x;
	background-position: top right;
	display: table-cell;
}
.table_dr {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_rd.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	display: table-cell;
}

/* ### ###  LISTING STYLES (LISTING SELECTION) ### ### */
#listingTable, .listingTable {
	padding: 1px;
	border-collapse: separate;
	border-spacing: 0px 0px;
	border: 1px solid #FFFFFF;
}
#listingTable tr.headers, .listingTable tr.headers {
	margin: 0px;
	padding: 0px;
	height: 55px;
	font-size: 1em;
	background-image: url("../images/thBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr.footers, .listingTable tr.footers {
	margin: 0px;
	padding: 0px;
	height: 55px;
	font-size: 1em;
	background-image: url("../images/thBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr, .listingTable tr{
	margin: 0px;
	padding: 0px;
	height: 36px;
	font-size: 1em;
	background-image: url("../images/trBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr.completedtr, .listingTable tr.completedtr {
	background-image: url("../images/trBg_comp.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr th, .listingTable tr th {
	border-right: 1px solid #FFFFFF;
	padding: 0px 5px 0px 5px;
}
#listingTable tr th a, .listingTable tr th a{
	display: block;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	min-width: 30px;
	font-family: Arial;
	color: #333333;
	margin-right: 20px;
}
#listingTable tr th a:hover, .listingTable tr th a:hover{
	color: #666666;
}
#listingTable tr td, .listingTable tr td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 5px 0px 5px;
}