/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}

table.list {
	border-collapse: separate;
	border: solid 1px #bbb;
	background: #ccc;
	border-spacing: 2px;
}

table.list td {
	border-width: 0;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	background: #eee;
	padding: 0.4em 1em;
}

table.list th {
  border-width: 0;
  border-right: solid 1px #555;
  border-bottom: solid 1px #555;
  background: #bbb;
  padding: 0.4em 1em;	
}

.demo {
  background: #eee;
  border: solid 2px #ddd;
  border-radius: 4px;
  padding: 0.6em;
  width: 610px;
  margin: 0 auto;
}

.demo p {
	padding: 0.3em 0.6em;
	margin: 0.3em auto;
}

.demo p.instructions {
	font-family: serif;
	font-style: italic;
	/* font-size: 90%; */
	color: #666;
	line-height: 130%;
}

ul.features {
	color: #333;
	line-height: 135%;
}



p.major {
	color: #777;
	font-size: 125%;
	font-weight: bold;
}

p.major a, p.major a:visited {
	color: #2073d1;
}

div.frame {
	background: #fff;
	padding: 0.8em;
	border: solid 2px #ddd;
}