/* box */
.n03v2-pilot,
.clb .n03v2-pilot { /* second selector is for nesting n03v2 */
	position: relative; 
	border: 1px solid #ccc;
	padding: 12px;
	zoom:1;
	clear:both;
}

/* IE6 silliness */
* html body .n03v2-pilot {
	padding: 12px 12px 12px 12px;
}

.n03v2-pilot h4,
.pal-0 h4,
.pal-1 h4,
.pal-2 h4,
.pal-3 h4 {
	font-size: 115%;
	padding: 4px 8px 4px 8px;
	margin: -12px -12px 8px -12px;
}

.n03v2-pilot h4 {
	background-color: #eee;
	color: #666;	
}

/* Palettes */
.pal-0,
.pal-1 .pal-0,
.pal-2 .pal-0,
.pal-3 .pal-0 {
	background-color: #fff;
}
.pal-0 h4,
.pal-1 .pal-0 h4,
.pal-2 .pal-0 h4,
.pal-3 .pal-0 h4 {
	background-color: #eee; 
	color: #666;
}

.pal-1,
.pal-0 .pal-1,
.pal-2 .pal-1,
.pal-3 .pal-1 {
	background-color: #fff;
}
.pal-1 h4,
.pal-0 .pal-1 h4,
.pal-2 .pal-1 h4,
.pal-3 .pal-1 h4 {
	background-color: #eee; 
	color: #666;
}

.pal-2,
.pal-0 .pal-2,
.pal-1 .pal-2,
.pal-3 .pal-2 {
	background-color: #eee;
}
.pal-2 h4,
.pal-0 .pal-2 h4,
.pal-1 .pal-2 h4,
.pal-3 .pal-2 h4 {
	background-color: #999;
	color: #fff;
}

.pal-3,
.pal-0 .pal-3,
.pal-1 .pal-3,
.pal-2 .pal-3 {
	background-color: #eaeff2;
}
.pal-3 h4,
.pal-0 .pal-3 h4,
.pal-1 .pal-3 h4,
.pal-2 .pal-3 h4 {
	background-color: #c5d7e1;
	color: #666;
}

/* compact settings for sitecopy support */
.n03v2-pilot ul.compact,
.n03v2-pilot ol.compact {
        padding: 0px 0px 0px 0px;
        margin-top: 0;
        margin-bottom: 0;
}

.n03v2-pilot ul.compact li:last-child,
.n03v2-pilot ul.compact-no-bullets li:last-child,
.n03v2-pilot ol.compact li:last-child {
	margin-bottom: 0;
}

.n03v2-pilot p.compact {
	margin-bottom: 0;
}

/* no-bullets settings for sitecopy support */
.n03v2-pilot ul.no-bullets {
	list-style-type: none;
	padding: 0;
        margin: 0;
}

.n03v2-pilot ul.compact-no-bullets { /* oh joy */
        list-style-type: none;
        padding: 0;
        margin: 0;
}

.n03v2-pilot ul.no-bullets li,
.n03v2-pilot ul.compact-no-bullets li {
	margin: 0px 0px 4px 0px;
        line-height: 12px;
}

/*
 * =================================================================================
 * Start rounded/square corners and no-borders
 *
 */

.n03v2-pilot .ctl, 
.n03v2-pilot .ctr, 
.n03v2-pilot .cbl, 
.n03v2-pilot .cbr {
	display:block;
	height:4px;
	width:4px;
	position:absolute;
	background:url('/web/fw/i/4px_corners_ccc.gif') no-repeat 0 0;
	line-height:4px;
	font-size: 0%;
}

.n03v2-pilot .ctl {
	top: -1px;
	left:-1px;
}
.n03v2-pilot .ctr {
	top: -1px;
	right: -1px;
	background-position: 0px -4px;
}
.n03v2-pilot .cbl {
	bottom: -1px;
	*bottom: -2px;
	left: -1px;
	background-position: 0px -12px;
}
.n03v2-pilot .cbr {
	bottom:-1px;
	*bottom:-2px;
	right:-1px;
	background-position: 0px -8px;
}

/* Note: using child selector, sadly in IE6 nested n03v2 will have square corners... */
.no-corners>.ctl,
.no-corners>.ctr,
.no-corners>.cbl,
.no-corners>.cbr {
	visibility:hidden;
}

.no-border>.ctl,
.no-border>.ctr,
.no-border>.cbl,
.no-border>.cbr  {
	visibility:hidden;
}

/* Now help out poor brain-damaged IE6... */
.no-corners .ctl,
.no-corners .ctr,
.no-corners .cbl,
.no-corners .cbr {
	_visibility:hidden;
}

.no-border .ctl,
.no-border .ctr,
.no-border .cbl,
.no-border .cbr  {
	_visibility:hidden;
}

.no-border,
.clb .no-border {
	border: 0px;
	/* TODO: should padding be zeroed? */
}

/*
 * End rounded/square corners and no-borders
 * =================================================================================
 */

/* the following were in Christian's prototype */
.n03v2-pilot h1, 
.n03v2-pilot h2 {
	margin-bottom: .4em;
}

.n03v2-pilot p {
	margin-bottom: .6em;	
}

.n03v2-pilot hr {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border: 0px;
	height: 1px;
	background-color: #cccccc;
	color: #cccccc;
}

.n03v2-pilot table td {
	vertical-align: top;	
}