body {color: #000;}

body {background-color: #0587aa;
	text-align: center;
	font: 10pt/1.3em Arial, Helvetica, Sans-Serif;
	margin: 5px;}
	
a:link, a:visited {font: 10pt Arial, Helvetica, Sans-Serif; color: blue;}
a.b:link, a.b:visited {font: bold 10pt Arial, Helvetica, Sans-Serif; color: blue;}

h3 {display: block;
	font: bold 10pt Arial, Helvetica, Sans-Serif;
	margin: 5px 0;
	color: #007;
	background-color: #ddf;
	padding: 3px 5px;}

h4 {font: bold 10pt Arial, Helvetica, Sans-Serif;
	text-align: center;
	margin: 0;
	padding: 0;}
	
h2 {display: block;
	font: bold 12pt Arial, Helvetica, Sans-Serif;
	margin: 20px 0 0 0;
	color: #007;
	background-color: #ddf;
	padding: 3px 5px;}
		
h2.nu {background-color: transparent;
	font: bold 14pt Arial, Helvetica, Sans-Serif;
	margin: 20px 0 0 0;
	color: #007;
	padding: 3px 5px;
	text-align: center;}
	
p.right {text-align:right;
		 margin: 0;}
		 
p.hilight {display: block;
		   padding: 3px 3px 10px 3px;
		   margin:0;
		   background-color: #ff9;}
		   
p.blockhilight {display: block;
		   padding: 5px;
		   margin:0;
		   width: 400px;
		   border: 1px solid black;
		   background-color: #eeb;}
		  
p.error {
	padding: 3px;
	background-color: #ff9;
	color: red;
	border: 1px solid red;
	font-weight: bold;
	}
		 
#golist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background-color: #ff9;
	}

#golist li {
	padding-left: 10px;
	background-image: url(Images/Go_Arrow_small.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}
	
h1 {display: block;
	font: bold 14pt 'Trebuchet MS', 'Times New Roman', Serif;
	margin: 0 20px 0 0;
	color: white;
	background: #ef7c09;
	border: 1px #cf5c09;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: #af3c09 2px 2px 2px;
	padding: 3px 5px;}
	
#container {
	position: relative;
	width: 970px;
	text-align: left;
	background: #fff;
	margin: 0 auto 0 auto;
	border: 1px solid transparent;
	}
	
#container img.fztl, img.fztl {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 99;
}

#container img.fztr,  img.fztr {
	position: absolute;
	top: -1px;
	right: -1px;
}
	
#header {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 5px 0 5px;
	height: 51px;
	width: 961px;
	border-bottom: 1px solid #229;
	}

	
#center {
	margin: 60px 0 0 170px;
	padding: 1px 15px;
	font: 9pt Arial, Sans-Serif;
	position: relative;
	}
	
	
#footer {
	position: relative;
	font: 9pt Arial, Helvetica, Sans-Serif;
	color: #ff9;
	text-align: center;
	}
	
a.footer:link, a.footer:visited {
	text-decoration: none;
	font: 9pt Arial, Helvetica, Sans-Serif;
	color: white;
	}

a.footer:hover {
	color: #ff9;
	background-color: transparent;
	}

#header img.signin {
	position: absolute;
	right: 80px;
	bottom: 0px;
	margin:0;
	padding:0;
	}
	
#header img.signout {
	position: absolute;
	right: 80px;
	bottom: 0px;
	margin:0;
	padding:0;
	}	

#header img.help {
	position: absolute;
	right: 15px;
	bottom: 0px;
	margin:0;
	padding:0;
	}
	
.crumb {
	display: block;
	margin: 10px 0;
	font: bold 9pt Arial, Helvetica, sans-serif;
	text-align: left;
	}

.crumb img {
	position: absolute;
	right: 25px;
	}
		
#navigation {
	position: absolute;
	left: 2px;
	top: 60px;
	width: 170px;
	border: 1px solid #229;
	margin: 0px;
	padding: 0px;
	}
	
#navigation ul  {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #ddf;
	}
#navigation li {
	border-top: 1px solid #fff;
	}
	
#navigation li a:link, #navigation li a:visited {
	text-decoration: none;
	display:block;
	width: 160px;
	padding: 6px 5px;
	font: bold 9pt/1.5 Arial, Helvetica, Sans-Serif;
	color: blue;
	}
	
#navigation li a:hover {
	color: #fff;
	background-color: #229;
	}
	

#navigation li.subnav {
	border-top: 1px solid #fff;
	}

#navigation li.subnav a:link, #navigation li.subnav a:visited {
	padding: 3px 5px 3px 10px;
	font: 9pt/1.5 Arial, Helvetica, Sans-serif;
	color: blue;
	width: 155px;
	}
	
#navigation li.subnav a:hover {
	color: #fff;
	}
	
		
a.tbwhite {
	display: inline;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 2px 15px;
	font: bold 10pt/1.5 Arial, Helvetica, Sans-Serif;
	color: #006589;
	background-color: white;
	cursor: pointer;
	}

a.tbwhite:hover {
	background-color: #229;
	color: #fff;
	}
	
a.maintopic:link, a.maintopic:visited {
	display: block;
	background-color: #ddf;
	width: 170px;
	padding: 5px 0 5px 5px;
	margin: 0;
	font: bold 9pt/1.5 Arial, Helvetica, Sans-serif;
	color: blue;
	border-top: 1px solid #fff;
	text-decoration: none;
	}
	
a.maintopic:hover {
	color: #fff;
	background-color: #229;
	}
	
a.submain:link, a.main:visited {
	display: block;
	width: 165px;
	background-color: #ddf;
	padding: 2px 0 2px 15px;
	margin: 0;
	font: 9pt/1.5 Arial, Helvetica, Sans-serif;
	color: blue;
	border-top: 1px solid #fff;
	text-decoration: none;
	}
	
a.submain:hover {
	color: #fff;
	background-color: #229;
	}
	
a.pending:link, a.pending:visited {
	color: #666;
	font-style: italic;
	}
	
a.private:link, a.private:visited {
	font-style: italic;
	color: #900;
}

table, form {
	clear: none;
	float: left;
	border: 0px;
	border-spacing: 1px;
	}
	
td {font: 9pt Arial, Helvetica, Sans-Serif;
	vertical-align: middle;
	text-align: left;
	padding: 0 5px;
	margin: 1px 0;
	border: 1px;
	}
	
td.center {
	text-align:center;
	}
	
td.right {
	text-align:right;
	}
	
table td a:link, table td a:visited {
	font: 9pt Arial, Helvetica, Sans-Serif; color: blue;
	text-decoration: none;
	}
	
table tr.oddrow {
	background-color: #ddf;
	}
	
table tr.evenrow {
	background-color: #eef;
	}
	
.colhead {
	background-color: #0085a9;
	color: white;
	text-shadow: #444 1px 1px 1px;
	}
	
.colhead p {
	background-color: #229;
	text-align: center;
	height: 20px;
	}

table tr.colhead td {
	height: 20px;
	vertical-align: middle;
	text-align: center;
	font: bold 8pt Arial, Helvetica, Sans-Serif;
	}
	
.colhead td a:link, .colhead td a:visited {
	font-weight: bold;
	color: #ffff99;
	}
	
.colhead td a:hover {
	font-weight: bold;
	color: #f44;
	}
	
table tr.summary {
	background-color: #ccf;
	}
	
table tr.colhead td a:link, table td.colhead a:visited {
	font: bold 9pt Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	} 
	
.propup {
	height: 600px;
	float: right;
	width: 1px;
	}
	
.propclear {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

.rating {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	text-align:center;
	font: bold 14pt Verdana, Arial, Helvetica, Sans-Serif;
	Color: #000;
	margin: 0;
	padding: 0;
	}
	
.grey {
	color: #777;
	}
p.nlabel {
	font: 8pt Arial, Helvetica, Sans-Serif;
	color: #333;
	margin: 4px 0 4px 5px;
	}
	
p.tabletitle {
	float: left; 
	clear: left; 
	width: 570px; 
	display: block; 
	margin: 0; 
	padding: 0;
	}
	
.cell {display: block; 
	float: left; 
	padding: 2px; 
	text-align: left;
	}
	
.center {text-align: center;}
.right {text-align: right;}

.w20p {width: 20px;}
.w25p {width: 25px;}
.w30p {width: 30px;}
.w50p {width: 50px;}
.w70p {width: 70px;}
.w100p {width: 100px;}
	
.recipebutton {
	margin-right: 12px;
	font-size: 12px !important;
	padding: 2px 5px;
	border: 1px solid #009;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ddddff;
	color: blue !important;
	text-shadow: 1px 1px 0 white;
	text-decoration: none !important;
	font-weight: bold !important;
}

.recipebutton:hover {
	background: #009;
	color: white !important;
	text-shadow: none;
}

.recipeadd {
	font-size: 11px !important;
	margin: 0 2px 0 0 !important;
	padding: 1px 3px;
}

.recipegray {
	font-size: 11px !important;
	margin: 0 2px 0 0 !important;
	padding: 1px 3px;
	border-color: #888;
	color: #888 !important;
	background: #eee;
}	

.recipegray:hover {
	background: #888;
}