span.pagebanner {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 2px 4px 2px 0px;
    width: 79%;
}

span.pagelinks {
    display: block;
    font-size: .95em;
}

table.list {
    border: 1px solid #808080;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    background: white;
}

table.list td {
    padding-left: 3px;
}

table.list th {
    background-color: silver;
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid black;
    text-align: left;
    color: black;
}

/* The following 3 rules are for Tapestry's contrib:Table */
table.list th table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

table.list th table td {
    text-align: left;
}

table.list th table td:hover, table.list th table td a:hover {
    background-color: #ffd;
}

table.list th table tr:hover {
    background-color: #ffd;
    border: 1px solid white;
}

table.list tr.even {
    background: #eee;
    border-top: 1px solid silver;
}

table.list tr.odd {
    background: white;
    border-top: 1px solid silver;
}

table.list th a, table.list th a:visited {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
    padding: 0px 3px;
}

table.list th.order1 a {
	background-image: url(../images/arrow_down.png) !important;
}

table.list th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

table.list th.sortable a {
    background-image: url(../images/arrow_off.png);
}

table.list th.sorted {
    background-color: #eee;
    color: #000000;
}

table.list th.sorted a, table.list th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.list th.sortable:hover {
    background-color: #ffd;
}

table.list thead tr {
    background-color: #FFCC00;
}

table.list tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.list tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

.editable {
	height: 100%;
	width: 100%;
	display: block;
}

.inplaceeditor-form input {
	font-size: 11px;
	color: #000;
}

/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

/* These are the styles for detail screen tables */
table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
    text-align: right;
    padding: 0px 3px 0px 0px;
}

/* TABLE */
table.newlist {
    border: 1px solid #D7E5F2;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    background: white;
}

table.newlist td {
    padding-left: 3px;
}

table.newlist th {
    background-color: #D7E5F2;
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid silver;
    text-align: left;
    color: black;
}

/* The following 3 rules are for Tapestry's contrib:Table */
table.newlist th table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

table.newlist th table td {
    text-align: left;
}

table.newlist th table td:hover, table.newlist th table td a:hover {
    background-color: #ffd;
}

table.newlist th table tr:hover {
    background-color: #ffd;
    border: 1px solid white;
}

table.newlist tr.even {
    background: #eee;
    border-top: 1px solid silver;
}

table.newlist tr.odd {
    background: white;
    border-top: 1px solid silver;
}

table.newlist th a, table.newlist th a:visited {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
    padding: 0px 3px;
}

table.newlist th.order1 a {
	background-image: url(../images/arrow_down.png) !important;
}

table.newlist th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

table.newlist th.sortable a {
    background-image: url(../images/arrow_off.png);
}

table.newlist th.sorted {
    background-color: #D7E5F2;
    color: #000000;
}

table.newlist th.sorted a, table.newlist th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.newlist th.sortable:hover {
    background-color: #ffd;
}

table.newlist thead tr {
    background-color: #FFCC00;
}

table.newlist tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.newlist tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

.editable {
	height: 100%;
	width: 100%;
	display: block;
}

.inplaceeditor-form input {
	font-size: 11px;
	color: #000;
}
table.newlist td.action {
	width: 10px;
}

table.simple {
	border: 1px solid darkgreen;
	padding: 0;
}

table.greeny {
    border: 1px solid #49801C;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    background: white;
}

table.greeny td {
    padding-left: 3px;
}

table.greeny th {
    background-color: #49801C;
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid #49801C;
    text-align: left;
    color: white;
}

/* The following 3 rules are for Tapestry's contrib:Table */
table.greeny th table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

table.greeny th table td {
    text-align: left;
}

table.greeny th table td:hover, table.greeny th table td a:hover {
    background-color: #ffd;
}

table.greeny th table tr:hover {
    background-color: #ffd;
    border: 1px solid white;
}

table.greeny th a, table.greeny th a:visited {
    background-color: transparent;
    color: white;
    text-decoration: none;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
    padding: 0px 3px;
}

table.greeny th.order1 a {
	background-image: url(../images/arrow_down.png) !important;
}

table.greeny th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

table.greeny th.sortable a {
    background-image: url(../images/arrow_off.png);
}

table.greeny th.sorted {
    background-color: #49801C;
    color: white;
}

table.greeny th.sorted a, table.greeny th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.greeny th.sortable:hover {
    background-color: #CCA607;
 
}

table.greeny thead tr {
    background-color: #FFCC00;
}

table.greeny tr.even {
	background: #CADDAD;
    color: #000000;
}

table.greeny tr.odd {
    background: #F3FBE3;
    color: #000000;
}

/* DATA PEMBANGUNAN */
.datatable table {
	background-color: #F9FBFD;
	color: #000000;
	width: 100%;
	border: 1px solid #D7E5F2;
	border-collapse: collapse;
	font-size: 10px;
}

.datatable td {
	border: 1px solid #D7E5F2;
	padding-left: 4px;
}