/* ----------------- */
/* standard elements */
/* ----------------- */

html {
	margin-bottom:1px;	
}

body, p, ul, td, input, select {
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

body {
    margin: 0 0 0 0;
	background-color:#BBBBBB;
    vertical-align:top;
}

h1 {
    color:#000000;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:20px;
    font-weight:normal;
    margin:8 0 15 0;
}

h2 {
    color:#550000;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:0 0 15 0;
}

p {
    margin:0 0 15 0;
    line-height:140%;
}

ul {
	margin:0 0 15 0;
    padding:0 0 0 1;
	line-height:170%;
	list-style:square inside;
}

ul.nested {
	margin:10 0 10 30;
    padding:0 0 0 1;
	line-height:170%;
	list-style:circle inside;
}

ol {
    padding:0 0 0 1;
	line-height:170%;
}

hr {
	color:#AAAAAA;
	height:1px;
	border-style:solid;
}

input.button {
    padding-top:2px;
    padding-bottom:2px;
}

/* ------------------ */
/* special formatting */
/* ------------------ */

.faded		    { color: #666666; }
.small          { font-size: 10px; }
td.columnLabel  { padding-right:20px; padding-top:0px; padding-bottom: 7px; vertical-align:bottom; font-weight:bold; }
td.columnValue 	{ padding-right:20px; padding-top:6px; padding-bottom: 7px; vertical-align:middle; }

/* -------------------------------- */
/* relative positioning of controls */
/* -------------------------------- */

.posL1 { position:relative; left:-1px;	}
.posL2 { position:relative; left:-2px;	}
.posL3 { position:relative; left:-3px;	}
.posL4 { position:relative; left:-4px;	}
.posL5 { position:relative; left:-5px;	}

.posR1 { position:relative; left:1px;	}
.posR2 { position:relative; left:2px;   }
.posR3 { position:relative; left:3px;   }
.posR4 { position:relative; left:4px;   }
.posR5 { position:relative; left:5px;   }

.posU1 { position:relative; top:-1px;	}
.posU2 { position:relative; top:-2px;	}
.posU3 { position:relative; top:-3px;	}
.posU4 { position:relative; top:-4px;	}
.posU5 { position:relative; top:-5px;	}

.posD1 { position:relative; top:1px;	}
.posD2 { position:relative; top:2px;	}
.posD3 { position:relative; top:3px;	}
.posD4 { position:relative; top:4px;	}
.posD5 { position:relative; top:5px;	}

/* ------------------------- */
/* primary parts of the page */
/* ------------------------- */

td.sidebar {
	width:180px;
	padding:20 0 0 0;
	vertical-align:top;
}

td.content {
	width:520px;
	padding:17 0 0 20;
	vertical-align:top;
	text-align:left;
}

/* ---------- */
/* hyperlinks */
/* ---------- */

a:link              { color:#000077; text-decoration:underline; }
a:visited           { color:#000077; text-decoration:underline; }
a:hover             { color:#000077; text-decoration:none;      }

a.plain:link		{ color:#000066; text-decoration:none;      }
a.plain:visited 	{ color:#000066; text-decoration:none;      }
a.plain:hover   	{ color:#000066; text-decoration:none;      }

/* ------------- */
/* form elements */
/* ------------- */

td.formLabel {
	vertical-align:top;
	padding-top:3px;
}

td.formValue {
	vertical-align:top;
	padding-left:8px;
	padding-bottom:3px;
}

td.formPlain {
	vertical-align:top;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:10px;
}

td.formError {
	color:maroon;
	font-weight:bold;
	vertical-align:top;
	padding-top:3px;
}

input.button {
    padding-top:2px;
    padding-bottom:2px;
}