#notecontent
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222;
}

/* LAYOUT UTILITY STYLES */
/* ---------------------------------------------------------------------------------------------- */

#notecontent .clearall {
	overflow: auto;
	clear: both;
}

#notecontent .float_left
{
	float: left;
	margin: 0px 15px 6px 0px;
}

#notecontent .float_right
{
	float: right;
	margin: 0px 0px 6px 15px;
}

/* STRIPEY TABLES */
/* ---------------------------------------------------------------------------------------------- */

#notecontent .stripey_table
{
	margin-top: 5px;
	width: 100%;
	font-size: 10px;
	border: 1px #CCC solid;
}

	#notecontent .stripey_table td:first-child { color: #444; font-weight: bold; }
	#notecontent .stripey_table th, #notecontent .stripey_table td
	{
		text-align: left;
		vertical-align: top;
		padding: 2px 5px;
		margin: 1px 1px 0px 0px;
	}
	#notecontent .stripey_table th, #notecontent .stripey_table tr.header, #notecontent .stripey_table tr.header td:first-child
	{
		background-color: #B5B5B5;
		color: #FFF;
		font-weight: bold;
	}
	#notecontent .stripey_table .alt { background-color: #EEE; }
	#notecontent .stripey_table td:first-child { font-weight: bold; color: #666; white-space: nowrap; }
	
	#notecontent .stripey_table td b { color: #555; }
	
	#notecontent .stripey_table td.neutral { font-size: 11px; }

/* TEXT STYLES */
/* ---------------------------------------------------------------------------------------------- */

#notecontent p, #notecontent th, #notecontent td, #notecontent .key b, #notecontent .standard
{
	text-align: left;
}
#notecontent strong, #notecontent b { color: #555; }

#notecontent p, #notecontent td, #notecontent pre
{
	line-height: 150%;
}

#notecontent p, #notecontent pre { margin-bottom: 8px; }

#notecontent pre { font-size: 11px; }

#notecontent div.instructions
{
	background-image: url("http://notes.dmclub.net/images/instructions_block.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFEFFE;
	padding: 22px 10px 2px 15px;
	margin-bottom: 10px;
}

div.further_information
{
	background-image: url("http://notes.dmclub.net/images/funther_information_block.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFFAE8;
	padding: 25px 10px 10px 10px;
}

div.date
{
	float: left;
	font-size: 9px;
	padding: 1px 5px;
	border-width: 0px 1px 1px 1px;
	border-color: #FC6;
	border-style: solid;
	background-color: #FFF3D9;
	color: #000;
	margin-top: -13px;
	margin-bottom: 0px;
}

#notecontent ul, #notecontent ol
{
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 150%;
}

#notecontent ul
{
	list-style-type: square;
}

#notecontent .voice_A, #notecontent .voice_B, #notecontent .voice_C, #notecontent .voice_D
{
	padding-left: 25px !important;
	display: block !important;
	line-height: 140%;
	font-weight: bold;
	font-style: italic;
}

#notecontent .voice_A { color: #669; }
#notecontent .voice_B { color: #06F; }
#notecontent .voice_C { color: #636; }
#notecontent .voice_D { color: #66F; }

#notecontent .key b
{
	font-weight: normal;
	background-color: none !important;
	border-width: 1px;
	border-color: #555;
	border-style: solid;
	padding: 1px 2px;
	margin: 0px 2px;
}

#notecontent .error
{
	color: #C00;
	font-weight: bold;
}

#notecontent .relevance
{
	color: #669;
	float: left;
	display: block;
	margin-right: 10px;
}

#notecontent .bar
{
	background-position: bottom right;
	background-image: url("http://notes.dmclub.net/images/menu_active_section_bg.gif");
	background-repeat: no-repeat;
	border: 1px solid #C0C0C0;
	height: 0.9em;
	float: left;
	display: block;
	margin: 4px 5px 0px 0px;
}

/* HEADLINE AND SUBHEAD STYLES */
#notecontent h1, #notecontent h2
{
	color: #BE0000;
	font-size: 18px;
	font-weight: lighter;
	line-height: 23px;
	border-width: 0 0 1px 0;
	border-color: #FF00F6;
	border-style: solid;
	padding-bottom: 2px;
	margin-bottom: 0.75em;
}

#notecontent h2 { margin-top: 20px; }

#notecontent h3
{
	font-size: 14px;
	font-weight: normal;
	color: #BE0000;
	margin: 20px 0px 10px 0px;
}

#notecontent a { color: #363E66; }
#notecontent a:hover { color: #C10; text-decoration: none; }
#notecontent a:active { color: #00C; }

/* Auto-Numbering CSS */
#notecontent div.editable { counter-reset: chapter section; }

#notecontent div.editable h1:before, #notecontent div.editable h2:before {
    content: counter(chapter) " ";
    counter-increment: chapter;
	color: #888;
}
#notecontent div.editable h1, #notecontent div.editable h2 { counter-reset: section }

#notecontent div.editable h3:before {
    content: counter(chapter) "." counter(section) "  ";
    counter-increment: section;
	color: #777;
	font-size: 11px;
}

/* POPUP LINKS */
#notecontent a.popup
{
	background-image: url('/dmx/core/b0/http://notes.dmclub.net/images/core_css/popup_dark.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
	margin-right: 0px;
}

/* COMMENTS AREA */
/* ---------------------------------------------------------------------------------------------- */

#comment_area .hr
{
	margin: 20px 0px 0px 0px;
	width: 100%;
	border-top: 1px #BBB dotted;
}

#comment_area p.author
{
	padding: 1px 5px;
	border-width: 0px 0px 1px 1px;
	border-color: #FF00F6;
	border-style: solid;
	background-color: #FFEFFE;
	color: #000;
	margin-bottom: 0px;
	float: left;
}

#comment_area .date
{
	font-size: 9px;
	color: #222;
}

#comment_area textarea
{
	width: 100%;
}
