/* tag definitions */
html {
	font-size: .6667pc; /* IE must be in strict mode! */
}

/*	The table tag must be present as it appears to be used as a parent/base for inheritance in IE6.	*/
body, h1, h2, h3, h4, h5, h6, em, strong, abbr, acronym, address, table, td, th, caption, p, pre, span, code, cite, blockquote, div, object, label, fieldset, legend, button, input, select, textarea, optgroup, option, a, ul, ol, li, dd, dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
}

caption {
	font-weight: bold;
}


noscript {
	font-weight: bold;
	color: red;
}

cite {
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 8px;
	border-left: black solid 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

blockquote {
	font-family: verdana;
	font-style: italic;
}

h1, h1 span {
	color: #333;
	font-family: georgia, arial;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;

}

h2, h2 span {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 8px;
}

h3, h3 span {
	color: #99663e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 8px;
}

h4, h4 span {
	color: navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 8px;
}

h5, h5 span {
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 8px;
}

h6, h6 span {
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 8px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0;
	line-height: 1.5;
}

#divContentPane > p {
	/*column-number: 2;
	column-width: 180px;
	column-gap: 20px;
	-moz-column-number: 2;
	-moz-column-width: 400px;
	-moz-column-gap: 20px;*/
}

p span {
	font-family: Arial, Helvetica, sans-serif;
}

pre.Code {
	color: black;
	line-height: 1.8;
	margin: 5px 0;
	padding: 5px 3px 10px 3px;
	background-color: #ddd;
	overflow: auto;
	max-width: 600px; /* seems necessary in IE and Opera */
}

img {
	border-style: none;
	/*behavior: url(/shared/htc/png.htc);*/
}

code {
	color: #666666;
}

td, th {
	padding: 3px 5px;
}

object a {
	font-size: x-small;
}

/* if you only specify 'a' and not the pseudo classes (link, visited, active) it goes for anchors as well as links. */
a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #555555;
}

a:hover {
	text-decoration: none;
}

div dl {
	margin: 0;
	padding: 0;
}

div dt {
	margin: 0;
	padding: 3px 5px 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

div dd {
	display: list-item;
	padding: 0;
	margin: 0 10px 2px 20px;
	list-style: disc;
}

div dd a:link, div dd a:visited, div dd a:active, div dd a:hover {
	font-family: Arial, Helvetica, sans-serif;
}

li a:link, li a:visited, li a:active, li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFF00;
}

/* classes */

a.Popup {
	background-image: url(../icons/popup.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 15px;
}

li a.Popup {
	background-position: right 5px;
}

/*.Ordered dd:before {
	content: counter(list-count, decimal) ". ";
}*/

.Ordered dd {
	list-style-type: decimal;
	/*counter-increment: list-count;*/
	display: list-item;
	/*margin-left: 5px;*/
}

@media screen {
	div.Column {
		float: left;
		width: 62ex;
		/*width: expression("65ex");*/
		min-width: 300px;
		max-width: 575px;
		margin-right: 30px;
		padding-bottom: 25px; /* to ensure not covered by footer pane when window is scrolled/resized */
	}
	
	div.FirstColumn {
		clear: left;
		padding-left: 0;
	}
	
	div.LastColumn {
		border-right-style: none;
	}
	
	div.SingleColumn {
		clear: both;
		width: 750px;
		min-width: inherit;
		max-width: inherit; /* the value 'inherited' is interpreted incorrectly by IE7 */
		padding-left: 0;
		border-style: none;
	}

}

ol.RecipeList {
	margin: 10px;
	padding: 0;
}

ol.RecipeList li {
	padding: 0;
	margin: 0 10px 2px 15px;
}

ol.NoteList {
	margin: 5px;
	padding: 0;
}

ol.NoteList li {
	font-size: 85%;
	padding: 0;
	margin: 0 10px 2px 20px;
	list-style: lower-roman;
}

ol.NoteList li a:link, ol.NoteList li a:visited, ol.NoteList li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

span.Accesskey {
	text-decoration: underline;
}

span.Highlight {
	background-color: blue;
}

.Note, .Note a {
	font-size: 85%;
}

.Example {
	color: #7d162a;
}

.Copyright {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

.Copyright, .Copyright a:link, .Copyright a:visited, .Copyright a:active, .Copyright a:hover {
	font-size: x-small;
}

.AboutPlugin, .ForceAppletTag {
	float: right;
	margin-left: 10px;
}

.AboutPlugin a:link, .AboutPlugin a:visited, .AboutPlugin a:active, .AboutPlugin a:hover, .ForceAppletTag a:link, .ForceAppletTag a:visited, .ForceAppletTag a:active, .ForceAppletTag a:hover {
	font-size: 7.5pt;
}

div.Box {
	float: right;
	margin: 10px 0 0 5px;
	padding: 0 10px 4px 0;
	border: #7d162a solid 1px;
	width: 150px;
}

div.Box p {
	padding: 0 8px;
}

div.Box dt, div.Box p {
	font-size: 8pt;
}

div.Box dd, div.Box dd a, div.Box dd li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* definitions */

#divLastEdited {
	float: right;
}

#divHeaderPane a:hover {
}

#divFooterPane a:link, #divFooterPane a:visited, #divFooterPane a:active {
}

#divFooterPane a:hover {
}

#divLogo {
	margin-top: 5px;
	padding: 4px 0;
	color: #999999;
	float: right;
}

#divLogo, #divLogo a:link, #divLogo a:visited, #divLogo a:active, #divLogo a:hover {
	font-weight: bold;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* form styling */

form {
	margin: 0;
}

/* not recognized by IE */
input[type="file"], input[type="radio"], input[type="checkbox"] {
	/*border: 0 none black;*/
}

optgroup {
	font-style: normal;
	font-weight: bold;
	padding: 0 3px 0 3px;
}

fieldset {
	/*display: block; *//* seems to be necessary in IE	*/
	padding-left: 8px;
	padding-right: 0;
	margin: 10px 0;
	/*bo1rder-style: none;*/
	border: #90908a solid 1px;
	/*bord1er-bottom: #90908a solid 0;*/
}

legend {
	font-weight: bold;
	padding: 0 5px;
	margin: 0;
	color: black;
}

.TextArea {
	height: 70px;
}

.Text, .TextArea {
	/*background: transparent;*/
	/*width: 125px;*/
	/*border: black solid 1px;*/
}

.CapsLocked {
	background-image: url(../images/capslock.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.Select {
	border: black solid 1px;
}

.Text, .Select, .TextArea {
	padding-left: 2px;
}

.Text:focus, .Select:focus, .TextArea:focus {
	/*border-color: #555555;*/
	outline: 1px solid #ddd;
}

.Number {
	text-align: right;
	padding-right: 2px;
}

.Radio, .Checkbox {
}

div.Choice {
	position: relative;
	left: 0;
	top: 0;
	padding: 2px 0;
}

.Choice {
}

div.Choice label {
	margin-left: 1px;
}

div.Choice .Radio, div.Choice .Checkbox {
	float: left;
	margin-top: .28ex;
	/*margin-top: expression("-1px");*/
	margin-left: 0;
	margin-right: 3px;
}

.RadioTable, .CheckboxTable {
	border-spacing: 0;
	border-collapse: collapse;
}

.RadioTable td, .CheckboxTable td {
	padding: 0 1px;
}

.Button {
	cursor: pointer;
	/*padding-right: 5px;
	padding-left: 5px;*/
	margin-right: 8px;
}

.Button span, .LinkButton span {
}

/*.Button:hover {
}*/

/*.Button:active {
}*/

.Button[disabled], .Text[disabled] {
	/*background-color: #eee;*/ /* IE6 does not support the pseudo class disabled, neither can you add any styles to a disabled button */
	cursor: default;
}

.LinkButton {
}

/*.LinkButton:hover {
}*/

.InputBlock {
	margin: 5px 0;
}

.ActionBlock {
	margin-left: 5px;
	text-align: right;
}

.ActionBlock .Button {
	margin-left: 8px;
	margin-right: 0;
}

.Label {
	float: left;
	margin: 0 5px; /* vertical margin must be 0 in Firefox on Mac */
	padding-top: 3px;
	white-space: nowrap;
	/*wid1th: 12ex;*/
}

/*	form validation styling	*/

#divFormMessages {
/*	Note that any property in this block overrules what might specified for
	the property in the classes VisibleMessages and HiddenMessages.	*/
}

.MandatoryMarkerDescription {
	font-size: 8pt;
	background-image: url(../icons/mandatory.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 18px;
}

.Decorator, .MandatoryMarker, .WarningMarker, .InfoMarker, .ErrorMarker, .FatalMarker, .ValidMarker {
	background-repeat: no-repeat;
	background-position: center right;
}

div.Decorator, div.MandatoryMarker, div.WarningMarker, div.InfoMarker, div.ErrorMarker, div.FatalMarker, div.ValidMarker {
	margin-left: 12ex;
	padding-right: 18px;
}

label.Decorator, label.MandatoryMarker, label.WarningMarker, label.InfoMarker, label.ErrorMarker, label.FatalMarker, label.ValidMarker {
	background-position: center right;
	padding-right: 8px;
}

.WarningMarker input, .InfoMarker input, .ErrorMarker input, .FatalMarker input, .WarningMarker textarea, .InfoMarker textarea, .ErrorMarker textarea, .FatalMarker textarea {
	border: solid 1px red;
}

.WarningMarker input.Radio, .InfoMarker input.Radio, .ErrorMarker input.Radio, .FatalMarker input.Radio, .WarningMarker input.Checkbox, .InfoMarker input.Checkbox, .ErrorMarker input.Checkbox, .FatalMarker input.Checkbox {
	border-style: none;
}

.MandatoryMarker {
	background-image: url(../icons/mandatory.gif);
}

.WarningMarker {
	background-image: url(../icons/warning.gif);
}

.InfoMarker {
	background-image: url(../icons/info.gif);
}

.ErrorMarker {
	background-image: url(../icons/error.gif);
}

.FatalMarker {
	background-image: url(../icons/fatal.gif);
}

.ValidMarker {
	background-image: url(../icons/valid.gif);
}

.HiddenMessages {
	display: none;
}

.VisibleMessages {
	display: block;
}

.ProcessingForm {
	display: block;
	width: 200px;
	padding: 15px 0;
	background-image: url("../images/downloading.gif");
	background-position: left 0;
	background-repeat: no-repeat;
}

.VisibleMessages dl {
	margin: 10px;
	padding: 0;
}

.VisibleMessages dt {
	margin: 0;
	padding: 3px 5px 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #666666;
}

.VisibleMessages dd {
	display: list-item;
	padding: 0;
	margin: 0 10px 2px 20px;
	list-style: disc;
}

.VisibleMessages dd, .VisibleMessages dd a, .VisibleMessages dd span {
	font-size: 8pt;
}

/* pseudo class 'after' not supported by Internet Explorer	*/
/*
.MandatoryMarker:after {
	display: marker;
	padding: 10px;
	content: "*";
}
*/

.ErrorMessage {
	color: red;
}

a.ErrorMessage:link, a.ErrorMessage:visited, a.ErrorMessage:active {
	color: red;
	text-decoration: underline;
}

a.ErrorMessage:hover {
	text-decoration: none;
}

.FatalMessage {
	color: #7d162a;
}

a.FatalMessage:link, a.FatalMessage:visited, a.FatalMessage:active {
	color: #7d162a;
	text-decoration: underline;
}

a.FatalMessage:hover {
	text-decoration: none;
}

.WarningMessage {
	color: #dc8323;
}

a.WarningMessage:link, a.WarningMessage:visited, a.WarningMessage:active {
	color: #dc8323;
	text-decoration: underline;
}

a.WarningMessage:hover {
	text-decoration: none;
}

.InfoMessage {
	color: blue;
}

a.InfoMessage:link, a.InfoMessage:visited, a.InfoMessage:active {
	color: blue;
	text-decoration: underline;
}

a.InfoMessage:hover {
	text-decoration: none;
}