span.pagebanner {
    width:85%;
    font:.70em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

div.exportlinks {
    width:85%;
    font:.70em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
    color:#777;
}

div.exportlinks a {
    color:#777;
    font-weight:bold;
    text-decoration:none;
}

div.exportlinks a:link {
    color:#777;
    font-weight:bold;
}

div.exportlinks a:active {
    color:#777;
    font-weight:bold;
}

div.exportlinks a:visited {
    color:#777;
    font-weight:bold;
}

span.pagelinks {
    display:block;
    font:.70em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
    margin-top: -18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    width:85%;
}

span.pagelinks a {
    color:#777;
    font-weight:bold;
    text-decoration:none;
}

span.pagelinks a:link {
    color:#777;
    font-weight:bold;
}

span.pagelinks a:active {
    color:#777;
    font-weight:bold;
}

span.pagelinks a:visited {
    color:#777;
    font-weight:bold;
}

table.list {
    border:2px solid #ddd;
    border-collapse:collapse;
    width:90%;
    background: white;
}

table.list td {
    padding:8px;
    font:.80em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
    white-space:nowrap;
}

table.list th {
    background:silver;
    padding:8px;
    border-bottom:2px solid #ddd;
    text-align: left;
    font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
    white-space:nowrap;
}

table.list td a {
    color:#777;
    font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
    text-decoration:none;
}

table.list td a:link {
    color:#777;
    font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

table.list td a:active {
    color:#777;
    font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

table.list td a:visited {
    color:#777;
    font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

table.list td a:hover {
    color: #aa0000;
    text-decoration:none;
}

/* The following 3 rules are for Tapestry's contrib:Table */
table.list th table {
    width:100%;
    margin:0px;
    padding:0px;
}

table.list th {
    text-align: left;
}

table.list td {
    text-align: left;
    border-top: 1px solid #ddd;    
}

table.list th table td:hover, table.list th table td a:hover {
    background-color:#ffd;
}

table.list tr:hover {
    background-color:#ffd;
    border:1px solid white;
}

table.list th a {
    background-color:transparent;
    color:#000;
    text-decoration:none;
}

table.list th a:visited {
    background-color:transparent;
    color:#000;
    text-decoration:none;
}

th.sorted a {
    background-position: right;
    display: block;
    padding: 0px 3px;
}

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:#000;
}

table.list th.sorted a {
    background-position:right;
    background-repeat:no-repeat;
    display:block;
}

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:#dfecf5;
    border-top:1px solid #ccc;
    color:#000;
}

table.list tr.odd {
    background: #fff;
    border-top: 1px solid #ccc;
    color: #000;
}

/* highlight table row onmouseover */
table.list tr:hover {
    background:#FFFF40;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color:#000;
}

/* highlight table row onmouseover for IE*/
table.list tr.hilite {
    background:#FFFF40;
    color: #000;
}

/* highlight table row onmouseover for IE*/
table.list tr.hilite td {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #C0C0C0;
}

/* highlight table row onmouseover */ 
table.list tr.over {
    background: #FFFF40;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #000;
}

/* 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.detail th.tallCell {
    vertical-align: top;
}

table.detail td {
    text-align: left;
    padding: 0px;
}

table.detail td.moveOptions {
    text-align: center;
    width: 50px;
    padding: 5px;
}

table.detail td.moveOptions button {
    margin-bottom: 3px;
    width: 45px;
    white-space: nowrap;
}

table.detail td.buttonBar {
    padding-top: 10px;
}

table.detail td.updateStatus {
    font-size: 11px;
    color: #c0c0c0;
}