@import "layout.css";
@import "form.css";
@import "table.css";
@import "image_replacements.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

html{
	background-color:#F3EDDD;
	height:100%;
}

body{
	font:normal 62.5%/1 tahoma, verdana,arial,helvetica,sans-serif;
	color:#6F6F6F;
	text-align:center;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5{
	font-family:tahoma,arial,helvetica,sans-serif;
	margin:0 0 10px;
	color:#542801;
}

h1{
	font-size:1.6em;
}

h2{
	font-size:1.4em;
}

h3{
	font-size:1.2em;
}

h4{
	font-size:1.1em;
	margin-bottom:3px;
}

h5{
	font-size:1em;
}

body.error h1{
	margin:0 0 0 10px;
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	font-size:1.1em;
	margin:0 0 10px;
	line-height:1.4;
}

span{
	
}

address{
	font:normal 1.1em/1.3 tahoma, verdana, arial, sans-serif;
	margin:0 0 10px;
}

blockquote{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:5px;
}

.testimony blockquote, .fact blockquote{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:5px;
}

.testimony blockquote{
	color:#542801;
}

.fact blockquote{
	color:#7E9B07;
}

.testimony cite, .fact cite{
	font-size:1.1em;
	font-weight:bold;
}

.fact cite{
	color:#AACD1A;
}

/*tool tip styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
/* KM changed width from 250px to 134px and added font-size:1em; and changed the image */
/* BF changed padding and changed the image to be more side on */
blockquote.helpContents
{
	margin: 0;
	padding: 8px 8px 8px 12px;
	position: absolute;
	z-index: 100;
	background:url(../images/bg_helpbubble5.gif) no-repeat;
	color:white;
	font-weight:bold;
        font-size:1em; 
	width:135px;
/*	top: -1000px;
	left: -1000px; */
        display:none;
        right:0;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol{
	
}

ul{
	margin:0 0 10px 30px;	
}

ul#nav {
	margin:0 0 0 5px;	
}

li{
	line-height:1.4;
	font-size:1.1em;
}

li.end, #footer li.end, #nav li.end{
	margin:0;
	padding:0;
	background:none;
}

ul.star{
	margin:0 0 10px 0;
	overflow:hidden;
}

ul.star li{
	background: url(../images/li_star.gif) 0px 4px no-repeat;
	padding:0 0 0 20px;
	list-style:none;
	margin:0 0 10px;
	color:#902;
	font-weight:bold;
	font-size:1.2em;
	float:left;
}

ul.content_list{
	margin:0;
}

ul.content_list li{
	list-style:none;
	margin:0 0 5px 0;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a {
        text-decoration:none;
        font-weight:bold;
}

a:link, a:visited{
/*	color:#9BBA19; */
	color:#477F15; 
}

a:hover{
	text-decoration:underline;
}

a:active{
	
}

.skip{
	position:absolute;
	left:-9999px;
}

/*bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(../images/dot.gif) repeat-x; 
	clear:both;
	margin:10px 0;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #999;
	padding:1px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

.intro{
	font-weight:bold;
}

.small_print{
	font-size:0.9em;
}

.banner{
	background: url(../images/bg_banner.gif) no-repeat;
	position:relative;
	padding:0 0 11px;
}

.bannner_bottom{
	background: url(../images/bg_banner_bottom.gif) no-repeat;
	width:760px;
	height:11px;
	position:absolute;
	bottom:-1px;
	left:0;
}

.hasHelp{
	margin-left:8px;
}

.about_pic{
	margin:0 0 0 15px;
}

.recipe_review_stats{
	margin:10px 0;
}

/* modified by BF */
span.error_message{
	background:url(../images/bg_error_message.gif) 5px 5px no-repeat; 
	color:#F03;
/*        position:relative;
        top:10px;
*/
 	padding:3px 3px 3px 12px;
	border:1px solid #F03;
	font-weight:bold;
}

/* added by BF */
span.page_message {
        font-size:1.1em;
        position:relative;
	margin:3px 3px 3px 3px;
	font-weight:bold;
}

.testimony{
	margin-bottom:20px;
	background-color:#F6F4EF;
	padding:6px;
}

/* added by BF */
.debug_note{
	margin-bottom:10px;
	background-color:#F6F4EF;
	padding:6px;
}