@import url(base.css);
.button
{
	background-color: #f5f5f5;
	border: solid 1px #ccc;
	width: 100px;
}
.input-text-fill
{
	border: #ccb 1px solid;
	width: 95%;
}
.viewstate
{
	display: none;
}
.input-text
{
	border: #ccb 1px solid;
}
ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 20px;
}
ul.offsite-list
{
	list-style-image: url(../images/icon_offsite.gif);
	margin-left: 20px;
}
ul.onsite-list
{
	margin-left: 20px;
	list-style-image: url(../images/icon_onsite.gif);
}
ul.offsite-list li
{
}
ul.onsite-list li
{
}
.journal
{
	margin-left: 0px;
}
.journal .empty
{
}
.journal dt
{
	font-weight: normal;
	font-size: 150%;
	font-family: 'Times New Roman', serif;
	margin: 1em 0 0.5em 0;
}
.journal dd
{
	padding: 0;
	margin-left: 0;
}
.journal dd.summary
{
	padding-bottom: 0em;
}
.journal dd.footer
{
	border-top: solid 1px #999;
	color: #999;
	font-size: 70%;
	margin: 0.5em 0 1em 0;
}
.icon
{
	border: none;
	vertical-align: baseline;
}
.icon:hover
{
	border: none;
}
.icon img
{
	margin-bottom: -1px;
	border: none;
}
/*	container.page.header
****************************************/
#header
{
	float:left;
	padding: 0 20px;
}
#header .top
{
	float: left;
	width: 100%;
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: #887 2px dotted; 
}
#header .image
{
	margin: 0;
	padding: 0;
}
#header .menu
{
	float: left;
}

/*	one column
****************************************/
.c1 
{
	width: 800px;
}

/*	2 column content (left:400,right:380)
****************************************/
.c2-400
{
	background: url(../images/content_bg_dot_400.gif) repeat-y;
}
.c2-400 .cl-400
{
	width: 400px;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.c2-400 .cl-400 .pad
{
	bor/der-top: 2px solid #887;
	margin: 0 20px 20px 20px;
	padding: 0;
}
.c2-400 .cr-380
{
	width: 380px;
	height: 100%;
	float: right;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.c2-400 .cr-380 .pad
{
	bor/der-top: 2px solid #887;
	margin: 0 20px 20px 0;
	padding: 0;
}

/*	2 column content (left:540,right:240)
****************************************/
.c2-540
{
	background: url(../images/content_bg_dot_540.gif) repeat-y;
}
.c2-540 .cl-540
{
	width: 540px;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.c2-540 .cl-540 .pad
{
	bo/rder-top: 2px solid #887;
	margin: 0 20px 20px 20px;
	padding: 0;
}
.c2-540 .cl-540 .edit-body
{
	padding-left: 0;
}
.c2-540 .cr-240
{
	width: 240px;
	height: 100%;
	float: right;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.c2-540 .cr-240 .pad
{
	bor/der-top: 2px solid #887;
	margin: 0 20px 20px 0;
	padding: 0;
}
/*	footer
****************************************/
#footer
{
	clear: both;
	color: #887;
	padding: 20px 20px 0 20px;
	font-size: 7.5pt;
	text-align: center;
}
#footer .bottom
{
	border-top: #887 2px dotted; 
}

.code
{
	padding: 1em;
	padding-bottom: 3em;
	line-height: 1.1em;
	font-size: 8pt;
	/*overflow: auto;*/
	overflow-x: auto;
	overflow-y: hidden;
	color: #000;
	font-family: 'Courier New', Courier, monospace;
	border: solid 1px #ddd;
	background-color: #fdfdfd;
	width: 95%;
	margin: 0 auto;
}
.code-key
{
	color: #00f;
}
.code-str
{
	color: #008000;
}
.code-cmt
{
	color: #ccc;
}
.xml-tag
{
	color: #696969;
}
.xml-atr
{
	color: #ff0000;
}
.xml-str
{
	color: #0000ff;
}
#comments .commentnum
{
	font-family: 'Times New Roman', serif;
	font-weight: normal;
	font-size: 150%;
	color: #9f9f9f;
	margin: 0 .2em 0 0;
	padding: 0 .2em;
	border-bottom: 1px #9f9f9f solid;
}
#comments
{
	color: #333;
}
#comments a
{
	color: #333;
}
#comments a:hover
{
	color: #800000;
}
#comments dt
{
	margin-top: 1.5em;
	padding: 1em .5em .5em .5em;
}
#comments dd
{
	padding: 0 1em 1em 1em;
	margin: 0;
}
#comments .alt0
{
	background-color: #f8f8e8;
}
#comments .alt1
{
	background-color: #d8d8c8;
}
#newCommentTable
{
	table-layout: fixed;
	margin: 0;
	padding: 0;
}
#newCommentTable .tdL
{
	vertical-align: bottom;
	width: 118px;
}
#newCommentTable .tdC
{
}
#newCommentTable .tdR
{
	vertical-align: bottom;
	width: 100px;
}
#newCommentTable .hint
{
	color: #ccc;
}
#newCommentTable .hint-ctr
{
	color: #ccc;
	text-align: center;
}
#newComment h4
{
	margin-bottom: 0.5em;
}
#newComment input
{
	font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#showComment
{
	text-decoration: none;
	border: none;
}
#newComment textarea
{
	font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: .5em;
	width: 475px;
}
#captchaImage
{
	float: left;
	margin:  0 5px 0 0;
	padding: 0;
}
#tbCaptcha
{
	margin: 0;
}
.note
{
	border-left: solid 1px #999;
}
.class-def
{
	background-color: #fff;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0;
	margin: 0;
	border: solid 2px #ccc;
	border-collapse: collapse;
	color: #333;
}
.class-def caption
{
	font-size: 11pt;
	padding: 5px 0;
	color: #badafa;
}
.class-def tr td
{
	padding: 2px;
	margin: 0;
	border: solid 1px #ccc;
	text-align: left;
	vertical-align: top;
}
.class-def th
{
	color: #444;
	font-size: 9pt;
	padding: 2px;
	background-color: #badafa;
	text-align: left;
}
.class-def tr.col-hdr td
{
	color: #0000aa;
	font-style: italic;
}
.toc
{
	list-style: square;
	margin: 1em;
	padding: auto;
}
.toc li
{
}
.warning
{
	color: #ff6347;
}
.expand
{
	vertical-align: baseline;
	border: none;
	cursor: pointer;
}
.expand img
{
	border: none;
}
.expand:hover
{
	border: none;
}
.pdf-link
{
	cursor: pointer;
	height: 1em;
	padding-left: 20px;
	background: url(../images/icon_pdf.gif) no-repeat left center;
}
.pdf-link:hover
{
	background: url(../images/icon_pdf_hover.gif) no-repeat left center;
	padding-left: 20px;
}
.doc-link
{
	cursor: pointer;
	height: 1em;
	background:  url(../images/icon_msword.gif) no-repeat left center;
	padding-left: 20px;
}
.doc-link:hover
{
	background:  url(../images/icon_msword_hover.gif) no-repeat left center;
	padding-left: 20px;
}
#entry img.right
{
	border: 1px solid #333;
	float: right;
	margin-left: 1em;
}
#entry img.left
{
	border: 1px solid #333;
	float: right;
}
#entry img.center
{
	border: 1px solid #333;
	display: block;
	margin: 0 auto;
}
#entry .image-caption
{
	text-align: center;
}