/* Normalizes margin, padding */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
/* Normalizes font-size for headers */h1,h2,h3,h4,h5,h6 { font-size : 100%; }
/* Removes list-style from lists */ol,ul { list-style : none; }
/* Normalizes font-style and font-weight to normal */address, caption, cite, code, dfn, em, strong, th, var{ font-style : normal; font-weight : normal; }/* Removes list-style from lists */table { border-collapse : collapse; border-spacing : 0; }/* Removes border from fieldset and img */fieldset,img { border : 0; }/* Left-aligns text in caption and th */caption,th { text-align : left; }

body {
	font-size: small;
	font-family: "Arial", Helvetica, sans-serif;
	background: white;
	float: center;
	text-align: center;
}

/* Global Link styles
*/
a {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #f78113;
}

#header {
	position: relative;
	width: 800px;
}

/* Top Navigation - Tools
*/
#nav-tools {
	width: 800px;
	text-align: right;
	border-bottom: 1px solid #f78113;
}
#nav-tools li{
	display: inline;
	margin: 0px 10px;
}
#nav-tools li a{
	color: #006600;
	font-size: 85%;
}
#nav-tools li a:hover{
	text-decoration: underline;
}
#nav-tools #welcome {
	color: #d04c02;
}
#nav-tools #welcome span {
	padding-right: 10px;
	font-weight: bold;
}

/* Branding Area
*/
#branding {
	height: 103px;
	background: url("imgs/main_sprite_new.gif") left top;
	background-position: -52px -52px;
}
#branding h1 a{
	display: block;
	width: 300px;
	height: 100px;
}
#branding a span{
	display: none;
}

/* auto complete container*/
#rcpsearchcontainer {
	padding-left:55px;
	width:94px;
	font-weight:normal;
	font-size:11px; 
	*padding-left:0px;
	*width:150px;
}
/* auto complete highlight first item*/
.ac-prehighlight {
	background-color:#fdf4e6;
	/*border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;	*/
}
/* auto complete highlight hover over item*/
.ac-highlight {
	background-color:#f89b20;
	color:#FFF;
}

#search {
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #006600;
	font-weight: bold;
	width:245px;
}

#search #search-txt {
	width: 150px;
	color: green;
	letter-spacing: 1px;
	font-weight: bold;
	border: 1px solid #c3fd00;
}

#search #search-go {
	padding: 0 3px;
	color: #006600;
	font-weight: bold;
	border-right: 2px solid #ab9b80;
	border-bottom: 2px solid #d1bd9d;
	background: url("imgs/main_sprite_new.gif") center center;
	background-position: -52px -258px;
}

/* Main Navigation bar
*/
#nav-main{
	width: 800px;	
	border-bottom: 1px solid #f78113;
}
#nav-main h2{
	display: none;
}
#nav-main ul {
	padding: 3px 0px;	
}
#nav-main li{
	display: inline;
	padding: 0 30px;
	text-transform: uppercase;
	font-weight: bold;
}
#nav-main li a{
	color: #077314;
	padding: 3px 0px;
}
#nav-main li a:hover{
	color: #ff9000;
}
#nav-main li div{
	font-weight: normal;
	text-transform: none;
	background:#ffffff;
	color: #ff9000;
	border:none;
}
#nav-main li div ul{
	border-bottom:1px solid #f78113;	
}
#nav-main li div ul a:hover{
	color: #077314;
}

#content {
	clear: both;
	margin: 0px 10px;
	padding-top: 10px;
}
#home #content {
	margin: 0px;
	padding-top: 0px;
}

/*Home page realted CSS starts here
*/
#h-row-1 {
	float: left;
	width: 789px;
	border-style: solid;
	border-color: #ff9900;
	border-width: 0 1px 1px 0;
	background: url("imgs/h-row-1.gif");
}
#h-community {
	width: 510px;
	padding: 10px 10px 10px 30px;
	float: left;
}
#h-community h2 {
	padding-left: 50px;
	padding-bottom: .4em;
	color: #cc3300;
	font-size: 135%;
}
#h-community ul {
	float: left;
	padding-bottom: 2em;
	position: relative;
}
#h-community #h-com-name {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #006600;
}
#h-community #h-com-prof-img {
	float: left;	
}
#h-community #h-com-prof-img img{
	padding: 5px;
	border: 1px solid #2e6025;
}
#h-community #h-com-prof-img a:hover {
	background: none;/*@IE dont remove*/
}
#h-community #h-com-prof-img a:hover img {
	background: #b1e181;
}
#h-community #h-com-prof-about {
	float: left;
	padding: 5px;
	width: 150px;
	color: #006600;
	font-size: 115%;
	text-align: center;
}
#h-community #h-com-prof-about span{
	width: 150px;	
	display: block;	
	word-wrap: break-word; /* IE only */
}
#h-community #h-com-recipe span {
	display: block;
	position: absolute;
	color: #006600;
	bottom: 0px;
	left: 300px;
}
#h-community #h-com-recipe img {
	float: left;
	padding: 5px;
	border: 1px solid #cc3300;
}
#h-community #h-com-recipe a:hover {
	background: none;/*@IE dont remove*/
}
#h-community #h-com-recipe a:hover img {
	background: #b1e181;
}
#h-community span a {
	font-weight: bold;
	color: #006600;
}
#h-login {
	display: block;
	float: right;
	width: 228px;
	display: inline; /*@IE dont remove*/
	margin: 10px 10px 10px 0px;
	background-color:#f8fcf6;
	background-image: url("imgs/main_sprite_new.gif");
	background-position: -52px -331px;
}
#h-login .wrap {
	background: #f8fcf6  url("imgs/h-login-top.png") top left;
	padding-top: 18px;
	padding: 18px 10px 0px 10px;
	height: 1%;
	margin-bottom: 18px;
}
#h-login .wrap img {
	border: 1px solid #99cc00;
	padding: 5px;
	margin-left: 41px;
	margin-top: 5px;
}
#h-login form div {
	float: left;
	margin-bottom: 10px;
}
#h-login form div label{
	float: left;
	display: block;
	width: 65px;
	color: #006600;
	overflow: hidden;
}
#h-login form div input {
	width: 115px;
	float: left;
	display: block;
	font-weight: bold;
	border: 1px solid #99cc00;
}
#h-login #loginid, #h-login #password {
	color: #d04c02;
}
#h-login #submit {
	margin-left: 140px;
	width: 40px;
	background: url("imgs/search-but.gif") center center;
	padding: 0 3px;
	border-right: 2px solid #ab9b80;
	border-bottom: 2px solid #d1bd9d;
	color: #006600;
	font-weight: bold;
}
#h-login p{
	margin-top: -10px;
	margin-left: 50px;
}
#h-login p a {
	color: #006600;
	display: block;
}
#h-login p a span{
	display: block;
}
#h-login #login-join-now {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}

#forgot-password {
	clear: both;
	color: black;
	padding-top: 20px;
}
#h-login #forgot-password a {
	color: #599140;
}
#logout {
	clear: both;
	color: black;
	padding-top: 10px;
}
#h-login #logout a {
	color: red;
	float: center;
	margin-left: 32px;
}
#usertop {
	clear: both;
	color: black;
	padding-top: 10px;
}
#h-login #usertop a {
	color: #599140;
	font-weight: bold;
	margin-left: -12px;
}

#h-row-2 {
	margin: 0;
}
#h-row-2-col-1 {
	width: 638px;
	float: left;
}
#h-search-box {
	border-style: solid;
	border-color: #ff9900;
	border-width: 0 1px 1px 0;
	background: #e6ffcd;
	padding: 5px 5px;
	text-align: center;
	float: left;
	width: 619px;
}
#h-search-box form {
	padding: 10px;
	background: white;
	float: left;
	width: 600px;
}
#h-search-box div {
	display: block;
	padding-top: 10px; 
	padding-left: 118px;
}
#h-search-box label {
	color: #cc3300;
	font-size: 125%;
}
#h-search-box #h-search-text {
	width: 328px;
	height: 18px;
	border: 1px solid #99cc00;
	color: #077b15;
	font-weight: bold;
}
#h-search-box div input {
	background: url("imgs/main_sprite_new.gif") top left no-repeat;
	background-position: -52px -612px;
	width: 124px;
	height: 30px;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	display: block;
	float: left;
}
#h-search-box div a {
	float: left;
	margin: 0px 0px 0px 20px;
}
#h-search-box div a.link1 {
	margin: 0px;
}

#h-main {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
#h-row-2-col-2 {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	display: inline; /*@IE*/
	/*background:  url("imgs/h-scroll-top.gif") top left no-repeat;*/
	background:  url("imgs/main_sprite_new.gif") no-repeat;
	background-position: -52px -739px;
}

#h-main-primary {
	float: right;
	width: 400px;
	margin-right: 10px;
	display: inline;
}
#h-main-sec {
	float: left;
	width: 198px;
	border: 1px solid #99cc00;
}
#h-main-button {
	height: 50px;
	margin-bottom: 10px;	
}
#h-main-button a {
	display: block;
	text-align: center;
	line-height: 50px;
}
#h-fw-menu-1 {
	float: left;
	width: 190px;
	border: 1px solid #99cc00;
}
#h-fw-menu-2 {
	float: right;
	width: 190px;
	border: 1px solid #99cc00;
}
.h-fw-menu h3 {
	padding-top: 10px;
	color: #cc3300;
	font-size: 130%;
	text-align: center;
}
.h-fw-menu h3 span{
	display: block;
	color: #077b15;
	font-size: 85%;
	font-weight: normal;
}
.h-fw-menu dl {
	padding: 15px 3px 5px 3px;
	text-align: center;
}
.h-fw-menu dl dt {
	color: #cc3300;
	font-weight: bold;
	font-size: 115%;
}
.h-fw-menu dl dd {
	padding-bottom: 15px;
}
.h-fw-menu dl dd a{
	color: #cc3300;
}

#h-main-sec .view-all-thoughts {
	text-align:right;
	margin-bottom:5px;
	margin-right:2px;
}

#h-main-sec .view-all-thoughts span{	
	color:#cc3300;
}

#h-main-sec .view-all-thoughts a{	
	color:#cc3300;
}

#h-main-sec h3 {
    padding-bottom: 10px;
	padding-top: 10px;
	color: #cc3300;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;
}
#h-main-sec dt {
	color: #006600;
	font-weight: bold;
	margin-left: 15px;
}
#h-main-sec dd {
	color: red;
	overflow:auto;	
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	word-wrap: break-word;
}
#h-main-sec h1 {
	color: #66b340;	
	font-size: 75%;
	margin-bottom: 5px;
	margin-left: 5px;
}
#h-main-sec #comment{
	margin-top: 5px;
	width: 160px;
	Height: 40px;
	color: red;
	font-family: Arial;
	border: 1px solid #66b340;
	margin-left: 5px;
}
#h-main-sec #submit-div {
	width: 11.4em;
	margin: 0 auto;
	clear: both;
	border-right: 2px solid #ab9b80;
	border-bottom: 2px solid #d1bd9d;
	margin-bottom: 15px;
	margin-top: 15px;	
}
#h-main-sec #submit {	
	padding: 1px;
	border: 0px;
	color: #006600;
	font-weight: bold;
	width: 100%;
	font-size: 1em;
	background: #ebe8c6 url("imgs/quick-link.gif") center center;;	
}
#h-main-sec #error
{
	color: red;
	font-size:80%;
	font-weight: bold;
	margin-left:15px;
}
#scroll-recipe-list {
	height: 505px;
	width: 142px;
	padding-bottom: 15px;
	/*background:  url("imgs/h-scroll-botm.gif") bottom left no-repeat;*/
	background: url("imgs/main_sprite_new.gif") no-repeat;
	background-position: -52px -541px;
}
#custom-scroll {
	margin: 24px 0px 10px 0px;
	height: 480px;
	overflow: auto;
	background: url("imgs/h-scroll-tile.gif") left top;
	/*background: url("imgs/main_sprite_new.gif");
	background-position: -52px -1166px;*/
}

#scroll-recipe-list dl * {
	margin: 0 4px;
	text-align: center;
}
#scroll-recipe-list dl dt{
	margin: 0px 0 0px 8px;
}
#scroll-recipe-list dl dd{
	margin: 0px 0 10px 0px;
}
#scroll-recipe-list dl dd img{
	border: 1px solid #99cc00;
	padding: 5px;
}
#scroll-recipe-list dl a{
	color: #006600;
}
#scroll-recipe-list dl a:hover{
	text-decoration: none;
	background: none;
}
#scroll-recipe-list dl dd a:hover img{
	background: #ebc7b4;
	border-color: #c4581f;
}
#footer {
	width: 800px;
	clear: both;
	height: 1%;
	padding-top: 10px;
}
#nav-footer {
	padding: 3px 0px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #f78113;
}
#nav-footer li {
	padding: 10px; 
	display: inline;
}
#nav-footer li a {
	font-size: 85%;
	color: #077314;
}
#quick-links {
	clear: both;
	float: left;
	width: 438px;
	padding: 10px 0px;
	margin: 10px 0px;
	text-align: center;	
	border: 1px solid #bfe3b0;
	border-bottom: 2px solid #bfe3b0;
	background: #f7fff7;
}
#quick-links ul {
	width: 406px;
	margin: 0 16px;
}
#quick-links ul li{
	display: inline;/*@IE*/
	float: left;
	margin: 3px 5px 3px 3px;
	background: url("imgs/quick-hover.gif") center center;
}
#quick-links ul li a{
	float: left;
	display: block;
	padding: 5px;
	color: #006600;
	font-weight: bold;
	border-right: 2px solid #ab9b80;
	border-bottom: 2px solid #d1bd9d;
	background: #ebe8c6 url("imgs/quick-link.gif") center center;;
}
#quick-links ul li a:hover{
	color: #d04c02;
	background:none;
}

/* other pages */
#content .pagedesc {
	text-align: center;
	text-transform: uppercase;
	font-size: 115%;
	font-family: Arial;
	font-weight: bold;
	color: #d04c02;
}
#content .pagedesc span.f {
	color: red;
	font-size: 135%;
}
#content .pagedesc span.w {
	color: #077314;
	font-size: 135%;
}
.loggedin #content .pagedesc {
	text-transform: none;
	font-size: 135%;
}

.error-info {
	margin: 0 0 20px 0;
	color: red;
	font-weight: bold;
}
#alert-msg {
	text-align: center;
	width: 500px;
	margin: 5px auto;
	padding: 5px;
	background: #eef9e8;
	border: 1px solid #66b340;
	border-bottom-width: 2px;
	font-weight: bold;
	color: #d04c02;
}

#h-login #login-error {
	color: red;
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
#login-page #h-login{
	float: left;
	margin-bottom: 10px;
}

#content-rounded-1 {
	width: 780px;
	padding-bottom: 25px;
	clear: both;
	background: url("imgs/logged/main-round-botm.gif") bottom left no-repeat;
}
#content-rounded #actual-content {
	padding: 10px 20px;
	height: 1%;
	clear: both;
}

#content-rounded {
	width: 780px;
	clear: both;
	padding-top: 55px;
	background: url("imgs/logged/main-round-top.gif") 0px 30px no-repeat;
}
#content-rounded.whole {
	padding-top: 25px;
	background: url("imgs/logged/main-round-top.gif") top left no-repeat;
}
#content-rounded-2 {
	width: 780px;
	clear: both;
	background: url("imgs/logged/main-round-tile.gif") top left;
}
#content-rounded #actual-content {
	padding: 10px 20px;
	height: 1%;
}

#not-a-member {
	padding: 10px 0px;
	color: #008000;
	font-size: 130%;
	text-align: center;
}
#not-a-member a {
	font-weight: bold;
	color: red;
}
/*Misc elements*/
.clear-fix , #clear-fix{
	clear: both;
}

/*User homepage/community page related css*/
#community-content #left {
	width: 73%;
	float: left;
}
#community-content #right {
	float: right;
	width: 27%;
}
#left-top{
	width: 520px;
	margin-bottom: 10px;
	padding-top: 10px;
}
#left-top img{
	padding: 5px;
	border: 1px solid #99cc00;
	margin-left: 30px;
	float:left;
	margin-right: 10px;
}
#left-top #row ul{
	color: #d04c02;
	float: left;
	font-weight: bold;
	padding: 0px 15px 0px 30px;
	text-align: right;
	width: 170px;
}
#left-top #row p{
	color: #006600;
	margin-left: 30px;
}
#left-top-comm{
	width: 520px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ff9900;
}
#left-top-comm img{
	padding: 5px;
	border: 1px solid #99cc00;
	margin-left: 30px;
	float:left;
	margin-right: 10px;	
}
#left-top-comm #row ul{
	color: #d04c02;
	float: left;
	font-weight: bold;
	padding: 0px 15px 0px 30px;
	text-align: right;
	width: 170px;
}
#left-top-comm #row p{
	color: #006600;
	margin-left: 30px;
}
#left-top-comm h2{
	color:#006600;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 110%
}
#updates{
	width: 520px;
	border: 1px solid #99cc00;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#updates h2{
	color:red;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 110%
}
#updates #row{
	margin-bottom: 3px;
	color: #006600;
	font-size: 80%
}
#updates #row ul{
	float: left;
	font-weight: bold;
	color: #d04c02;
	margin-left: 15px;
}
#updates #row a{
	font-weight: bold;
	color: #d04c02;
}
#updates #row p{	
	margin-left: 3px;
}
#carousel{
	width: 560px;
	height: 130px;
	border: 1px solid #ff9900;
	margin-bottom: 10px;
}
#left-bottom{
	width: 164px;
	float:left;
	border: 1px solid #99cc00;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
}
#bottom{
	width: 520px;
	padding-top: 10px;
}
#left-bottom1{
	width: 164px;
	float:right;
	border: 1px solid #99cc00;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#left-bottom h2{
   text-align: center;
   color: #d04c02;
   margin-top: 5px;
   font-size: 110%
}
#left-bottom p{
   text-align: center;
   color: #006600;
   font-size: 110%;
   font-weight: bold;
}
#left-bottom1 p{
   text-align: center;
   color: #006600;
   font-size: 110%;
   font-weight: bold;
}
#left-bottom img{
   padding: 5px;
   border: 1px solid #ff9900;
   margin-left: 18px;
   margin-top: 10px;
   margin-bottom: 5px;
}
#left-bottom1 img{
   padding: 5px;
   border: 1px solid #ff9900;
   margin-left: 18px;
   margin-top: 10px;
   margin-bottom: 5px;
}
#left-bottom1 h2{
   text-align: center;
   color: #d04c02;
   margin-top: 5px;
   font-size: 110%
}
#left-bottom a{
   text-align: center;
   color: red;
   font-weight: bold;
   margin-top: 15px;
   margin-bottom: 20px;
   margin-left: 27px;
}
#left-bottom1 a{
   text-align: center;
   color: red;
   font-weight: bold;
   margin-top: 15px;
   margin-bottom: 20px;
   margin-left: 27px;
}
#recently-added-recipes {
	width: 147px;
	margin-top: 20px;
	padding-bottom: 10px;
	border: 1px solid #ff9900;
}
#recently-added-recipes h2{
	margin: 10px 10px 0px 22px;
	color: #006600;
}
#recently-added-recipes ul{
	display: inline; /*@IE<6*/
	float: left;
	margin: 10px;
}
#recently-added-recipes ul li{
	clear: both;
	margin-left: 18px;
	float: left;		
}
#recently-added-recipes ul li a{
	display: block;
	float: left;
	padding: 2px;
	color: #d04c02;
	font-weight: bold;
	text-decoration: underline;
	cursor: hand;
}
#recently-added-recipes ul li img{
	float: left;
	padding: 5px;
	border: 1px solid #99cc00;
	margin-bottom: 10px;
	width: 73px;
	height: 56px;
}
#recently-added-recipes ul li span{
	display: block;
	width: 150px;
	float: center;
	color: #d04c02;
	font-weight: bold;
	margin-left: 10px;
}
#recently-added-recipes .view-all {
	float: center;
	padding: 10px 0px 10px 15px;
	color: red;
	font-weight: bold;
}
#recently-added-recipes ul li a:hover {
	background: none;
}
#recently-added-recipes ul li a:hover img {
	background: #b1e181;
}
#community-content #user-list li {
	float: left;
	width: 460px;
	margin-bottom: 8px;
	background: #e6ffcd url("imgs/community-page/user-tile.gif") top left repeat-y;
}
#community-content #user-list li .wrap {
	float: left;
	width: 460px;
	background: url("imgs/community-page/user-top.gif") top left no-repeat;
}
#community-content #user-list li .data {
	float: left;
	width: 435px;
	padding: 10px 10px 10px 15px;
	color: #006600;
	font-size: 115%;
	background: url("imgs/community-page/user-botm.gif") bottom left no-repeat;
}
#community-content #user-list li .data img{
	float: left;
}
#community-content #user-list li .data div {
	float: left;
	width: 280px;
	padding: 5px;
	margin-left: 10px;
	display: inline;/*@IE*/
	border: 1px solid white;
}
#community-content #user-list li img{
	padding: 5px;
	border: 1px solid #339966;
}
#community-content #user-list li .imgl:hover {
	background: none;
}
#community-content #user-list li .imgl:hover img{
	background: #b1e181;
}
#community-content #user-list li .data div .about-user {
	text-align: center;
}
#community-content #user-list li .data div .links {
	padding-top: 15px;
}
#community-content #user-list li .data div .link1, #community-content #user-list li .data div .link2 {
	display: block;
	color: #cc0000;
	width: 130px;
}
#community-content #user-list li .data div .link1 {
	float: left;
}
#community-content #user-list li .data div .link2 {
	float: right;
	text-align: right;
}

#validation-errors {
	width: 400px;
	margin: 20px 0px;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
#validation-errors li {
	padding: .3em;
	color: red;
	border-bottom: 1px solid #ccc;
}

/*Show recipe realted CSS*/
#recipe-show {
	width: 450px;
	margin: 0 auto;
	float: left;
	margin-left: 30px;
}
#similar{
	float: right;
	width: 150px;
	margin-top: 60px;
	padding-top: 15px;
	border: 1px solid #94c500;
}
#similar h3{
	color: #cc4c02;
	font-size: 100%;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px
	margin-top: 15px;
}
#similar span{
	color: #006600;
	margin-left: 35px;
	margin-top: 20px;
	margin-right: 20px;
}
#similar .imgh{
	color: #cc4c02;
	border: 1px solid #f78113;
	padding: 5px;
	margin-left: 40px;
	margin-right: 25px;
	margin-bottom: 20px;
}
#recipe-show h2 {
	color: #006600;
	font-size: 135%;
	text-align: center;
	padding: .8em 0;
	height: 1%;
}
#recipe-show h2 a {
	color: #006600;	
}
#recipe-show .contributed-by {
	margin-top: -12px;
	text-align: center;
	color: #006600;
	height: 1%;
}
#recipe-show .totalComments {
	margin-top: 5px;
	text-align: center;
	color: #006600;	
	height: 1%;
}
#recipe-show .totalComments img{	
	margin-right: 5px;
}
#recipe-show .totalComments a span{	
	border-bottom: 1px solid #006600;
	font-weight:bold;
	color: #006600;
}
#recipe-show .totalComments a:hover{	
	color: #006600;
}
#recipe-show .rate-recipe{	
	color:#ff0000;
	width:100%;
	text-align: center;
}
#recipe-show .rate-recipe a{	
	color:#ff0000;	
}
#recipe-show h2 span{
	border-bottom: 1px solid #006600;
}
#recipe-show .edit{
	color: #d04c02;
	margin-left: 10px;
	font-size:9px;
	border-bottom: 0px;
}
#recipe-show .row {
	clear: both;
	float: left;
	width: 600px;
	padding: 20px 0px;
}
#recipe-show .row .imgh{
	float: left;
	width: 265px;
}
#recipe-show .row .imgh img{
	border: 1px solid #f78113;
	padding: 5px;
	background: #f9ebdf;
}
#recipe-show .row .imgh a:hover {
	background: none;
}
#recipe-show .row .imgh a:hover img{
	background: #f9c798;
}
#recipe-show-meta {
	float: left;
}
#recipe-show-meta li {
	clear: both;
}
#recipe-show-meta span {
	display: block;
	float: left;
	width: 80px;
	color: #cc4c02;
	text-decoration: underline;
}
#recipe-show-meta span.value {
	width: 250px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.rowh {
	float: left;
	width: 180px;
	color: #cc4c02;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 40px;
	font-size: 115%;
}
.row .data {
	float: left;
	width: 300px;
	color: #cc4c02;
}
#show-recipe-more-links {
	padding: 10px 0;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
#show-recipe-more-links li a{
	width: 145px;
	text-align: center;
}
#recipe-show #show-recipe-more-links li#last {
	float: right;
	margin: 0;
}

/*Menu recipe related*/
#content #recipe-show .row .data ul li{
	padding-left: 12px;
	background: white url("imgs/li-b.gif") 0px 4px no-repeat;
}
/*the followind nav-buttons CSS is used in navigation buttons on all the pages.*/
.nav-buttons {
	clear: both;
	text-align: cetner;
	width: 525px;
	margin: 0 auto;
}
.nav-buttons li{
	display: inline;
	float: left;
	margin-right: 25px;
	background: #e9f5dd url("imgs/quick-hover.gif") top left no-repeat;
}
.nav-buttons li a{
	padding: 5px;
	float: left;
	display: block;
	color: #006600;
	font-weight: bold;
	border-right: 2px solid #ab9b80;
	border-bottom: 2px solid #d1bd9d;
	background: #e1f1d2 url("imgs/quick-link.gif") top left no-repeat;
}
.nav-buttons li a:hover{
	color: #d04c02;
	background:none;
	text-decoration: underline;
}

/*custom tooltip css*/
.tooltipDiv{
	display:none;
	z-index:99;	
	color:#008000;
	background:#FFFFFF;
	width:180px;
	position:absolute;
	border:1px solid #99CC00;
	padding:10px;
	font-size:13px;
}
.tooltipDiv label{
	color:#CC3300;
	font-size:13px;	
}
.tooltipDiv span{
	font-weight:bold;	
	color: #d04c02;
}
.tooltipDiv #tooltipHeading{
	font-weight:bold;
	font-size:14px;
}
.tooltipDivision{
	display:none;
	color:#008000;
	width: 180px;	
	background:#FFFFFF;
	position:absolute;
	border:1px solid #99cc00;
	padding:5px;
	font-size:13px;
}
.tooltipDivision label{
	color:#CC3300;
	font-size:13px;	
}
.tooltipDivision span{
	font-weight:bold;	
	color: #d04c02;
}
.tooltipDivision #tooltipHeading{
	font-weight:bold;
	font-size:14px;
}


#recipe-show .comments {
	margin-left:40px;
	margin-bottom:15px;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;		
}
#recipe-show .comments span {
	margin-left:8px;
	color:#009900;
	font-size:12px;
	font-weight:normal;
}
#recipe-show .comments a:hover {
	text-decoration: none;
}
.comments-div {
	margin-left:40px;
	margin-bottom:15px;
}
.comments-div p{
	color:#009900;
	font-size:13px;
	font-weight:bold;
}
.comments-div p img{
	margin-left:5px;
	border:none;
}
.comments-div .comment-details {
	margin-left:55px;
	color:#ff0000;
	width:400px;
}
#flavor-thoughts .flavor-thoughts-heading {
	margin-left:40px;
	margin-bottom:25px;
	margin-top:30px;
	text-align:center;
	color:#ff0000;
	font-size: 140%;
	font-weight:bold;		
}
.flavor-thoughts-div {
	margin-left:55px;
	margin-bottom:15px;
}
.flavor-thoughts-div p{
	color:#009900;
	font-size:13px;
	font-weight:bold;
}
.flavor-thoughts-div p img{
	margin-left:5px;
	border:none;
}
.flavor-thoughts-div .flavor-thoughts-details {
	margin-left:55px;
	color:#ff0000;
	width:400px;
}

.recipeTooltipDiv{
	display:none;
	z-index:99;	
	color:#CC3300;
	background:#FFFFFF;
	width:150px;
	position:absolute;
	border:1px solid #CC3300;
	padding:10px;
	font-size:13px;
}
.recipeTooltipDiv img{
	margin-top:5px;
	margin-bottom:5px;
	align:center;
}
.recipeTooltipDiv label{
	color:#008000;
	font-size:13px;	
}
.recipeTooltipDiv span{
	font-weight:bold;	
	color: #d04c02;
}
.recipeTooltipDiv #recipeTooltipHeading{
	font-weight:bold;
	font-size:14px;
}

.recipeListTooltipDiv{
	display:none;
	z-index:99;	
	color:#CC3300;
	background:#FFFFFF;
	width:150px;
	position:absolute;
	border:1px solid #CC3300;
	padding:10px;
	font-size:13px;
}
.recipeListTooltipDiv img{
	margin-top:5px;
	margin-bottom:5px;
	align:center;
}
.recipeListTooltipDiv label{
	color:#008000;
	font-size:13px;	
}
.recipeListTooltipDiv span{
	font-weight:bold;	
	color: #d04c02;
}
.recipeListTooltipDiv #recipeListTooltipHeading{
	font-weight:bold;
	font-size:14px;
}