/******************************************************************************
 * striped-list.css
 *
 * This file defines rules for displaying a zebra striped list, as in search
 * results.
 *
 * The pattern is as follows:
 *   .striped-list-container
 *      .striped-list
 *        .striped-list-element [red|green|blue]
 *        .striped-list-element [odd] [red|green|blue]
 *        ...
 *
 * This gives a striped list surrounded by a rounded rectangle. Elements'
 * colour can be specified by the colour classes red, green or blue, and will
 * default to blue.
 * 
 * Zebra striping is acheived using the "odd" class on odd elements.
 *****************************************************************************/

.striped-list
{
	width: 964px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 1.0em;
}

.striped-list-element td, .striped-list th
{
	background-position: 50% 0;
}

.striped-list-element td.first, .striped-list th.first
{
	background-position: 0 0;
}

.striped-list-element td.last, .striped-list th.last
{
	background-position: 100% 0;
}

.small.striped-list
{
	width: 804px;
}

.striped-list-top, .striped-list-top th
{
	background-image: url('/img/bg/striped-list-top.png');
	background-repeat: no-repeat;
}

tr.striped-list-top
{
	background-image: none;
}

.small .striped-list-top, .small .striped-list-top th
{
	background-image: url('/img/bg/small-striped-list-top.png');
}

.striped-list-top, .striped-list-top th
{
	padding: 0.5em
}


.striped-list-bottom
{
	background-image: url('/img/bg/striped-list-bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 22px;
	padding: 0 0.5em;
	border-top: 1px solid #929292;
}

.striped-list-bottom .inner
{
  background-image: inherit;
  background-position: top right;
  
  display: block;
  width: 30px;
  height: 22px;
  
  float: right;
}

.striped-list td, .striped-list th
{
	padding: 0.5em;
}

.small .striped-list-bottom
{
	background-image: url('/img/bg/small-striped-list-bottom.png');
}

.striped-list-element.group-header
{
	font-weight: bold;
}

/* Colours for list elements */
.striped-list-element, .striped-list-element td
{
	background-image: url('/img/bg/striped-list-element.png');
	background-repeat: repeat-y;
}

.small .striped-list-element, .small .striped-list-element td
{
	background-image: url('/img/bg/small-striped-list-element.png');
}

.odd.striped-list-element, .odd.striped-list-element td
{
	background-image: url('/img/bg/striped-list-element-odd.png');
}

.small .odd.striped-list-element, .small .odd .striped-list-element td
{
	background-image: url('/img/bg/small-striped-list-element-odd.png');
}

.red.striped-list-element, .red.striped-list-element td
{
	background-color: #FFEEEE;
}

.red.odd.striped-list-element, .red.odd.striped-list-element td
{
	background-color: #EEDDDD;
}

.green.striped-list-element, .green.striped-list-element td
{
	background-color: #EEFFEE;
}

.green.odd.striped-list-element, .green.odd.striped-list-element td
{
	background-color: #DDEEDD;
}