﻿body 
{
	background-color: #F5F5F5;
	font-family: Verdana;
	color: #990033;
	font-size: 10pt;
}

h1
{
	font-size: 14pt;
	padding-left: 4px;
	margin-bottom:0;padding-bottom:0; 
	margin-top: 0px;
}

.frameleft
{
	width: 242px;
}

.framecenter
{
	width: 610px;
}

.frameright
{
	width: 183px;	
}

/* LOGOBOX START */

#logobox
{
	position:absolute;
	left: 21px;
	top: 19px;
}

#logoboxold
{
	position:absolute;
	left: 11px;
	top: 11px;
}

.logocenter
{
	height: 57px;
	width: 202px;
	background-color: #990033;
}

/* LOGOBOX END */

/* TOPADBOX START */

#topadbox
{
	position:absolute;
	left: 244px;
	top: 11px;
}

.topadboxcenter
{
	width: 598px;
	background-color: #990033;
	height: 57px;
}

/* TOPADBOX END */

/* CENTERBOX START */

#centerbox
{
	position:absolute;
	left: 11px;
	top: 103px;
}

/* CENTERBOX END */

/* MENUBOX START */

#menubox
{
	
}

.menucenter
{
	width: 202px;
	background-color: #FFFFFF;
}

/* MENUBOX END */

/* TIPBOX START */

#tipbox
{
	position:absolute;
	left: 872px;
	top: 11px;
}

.tipcenter
{
	height: 60px;
	width: 161px;
	background-color: #CCCCCC;
}

/* TIPBOX END */

/* ADBOX START */

.adcenter
{
	height: 100%;
	width: 160px;
	background-color: #990033;
}

/* TIPBOX END */

/* MAINBOX START */

#mainbox
{

}

.maincenter
{
	height: 600px;
	width: 600px;
	background-color: #FFFFFF;
}

/* MAINBOX END */

/* RED BOXES START */

.redboxtop
{
	background-image: url('../images/tc_red.gif');
	background-repeat:repeat-x;
}

.redboxbottom
{
	background-image: url('../images/bc_red.gif');
	background-repeat:repeat-x;
}

.redboxleft
{
	background-image: url('../images/cl_red.gif');
	background-repeat:repeat-y;
}

.redboxright
{
	background-image: url('../images/cr_red.gif');
	background-repeat:repeat-y;
}

/* RED BOXES END */

/* WHITE BOXES START */

.whiteboxtop
{
	background-image: url('../images/tc_white.gif');
	background-repeat:repeat-x;
}

.whiteboxbottom
{
	background-image: url('../images/bc_white.gif');
	background-repeat:repeat-x;
}

.whiteboxleft
{
	background-image: url('../images/cl_white.gif');
	background-repeat:repeat-y;
}

.whiteboxright
{
	background-image: url('../images/cr_white.gif');
	background-repeat:repeat-y;
}

/* WHITE BOXES END */

/* GREY BOXES START */

.greyboxtop
{
	background-image: url('../images/tc_grey.gif');
	background-repeat:repeat-x;
}

.greyboxbottom
{
	background-image: url('../images/bc_grey.gif');
	background-repeat:repeat-x;
}

.greyboxleft
{
	background-image: url('../images/cl_grey.gif');
	background-repeat:repeat-y;
}

.greyboxright
{
	background-image: url('../images/cr_grey.gif');
	background-repeat:repeat-y;
}

/* GREY BOXES END */

/* RED SUBITEM START */

.redsubitemtop
{
	background-image: url('../images/tc_si_red.gif');
	background-repeat:repeat-x;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	padding-left: 4px;
	color: #f5f5f5;
}

.redsubitembottom
{
	background-image: url('../images/bc_si_red.gif');
	background-repeat:repeat-x;
}

.redsubitemleft
{
	background-image: url('../images/cl_si_red.gif');
	background-repeat:repeat-y;
}

.redsubitemright
{
	background-image: url('../images/cr_si_red.gif');
	background-repeat:repeat-y;
}

.redsubitemcenter
{
	height: 10px;
	width: 185px;
	padding-left: 4px;
	background-color: #FFFFFF;
}

/* RED SUBITEM END */

/* RED IMAGEBOX START */

.redimageboxtop
{
	background-image: url('../images/tc_ib_red.gif');
	background-repeat:repeat-x;
}

.redimageboxbottom
{
	background-image: url('../images/bc_ib_red.gif');
	background-repeat:repeat-x;
}

.redimageboxleft
{
	background-image: url('../images/cl_ib_red.gif');
	background-repeat:repeat-y;
}

.redimageboxright
{
	background-image: url('../images/cr_ib_red.gif');
	background-repeat:repeat-y;
}

.redimageboxcenter
{
	background-color: #FFFFFF;
	width: 536px;
}

/* RED IMAGEBOX END */

/* MENUITEM START */

a.menulink, a.menulink_sel:visited
{
	text-decoration: underline;
	font-family: Verdana;
	color: #000000;
	font-size: 10pt;
}

a.menulink_sel, a.menulink_sel:visited
{
	text-decoration: underline;
	font-family: Verdana;
	color: #555555;
	font-size: 10pt;
}

a.menulink:hover, a.menulink_sel:hover
{
	text-decoration: underline;	
}

/* MENUITEM END */

/* COPYRIGHT START */

.copyright
{
	font-family:Verdana;
	color: #AAAAAA;
	font-size: 8pt;
	padding-left: 10px;
}

/* COPYRIGHT END */

/* LOGIN START */

.login
{
	width: 100px;	
}

/* LOGIN END */

/* RATING START */

.ratingStar {
    font-size: 0pt;
    width: 21px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../Images/FilledStar.gif);
}

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.gif);
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.gif);
}

/* TEXT SPECIFIC START */

.greytext
{
	color: #999999;
}

/* TEXT SPECIFIC END */

/* LINK FORMATTING START */

a,a:visited
{
	color: #000000;
	text-decoration: underline;
}

a.redlink, a.redlink:hover
{
	color: #990033;
}

a:hover
{
	text-decoration: underline;
}

/* LINK FORMATTING END */

/* MISC START */

.left10
{
	padding-left: 10px;
}

.recipecat
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

h1
{
	font-size: 10pt;
	padding-left: 0px;
	font-weight: bold;
}

h2
{
	font-size: 10pt;
	padding-left: 0px;
	font-weight: bold;
}

.recipecollapse
{
	height: 0px;
	overflow:hidden;
}

.menutextbox
{
	width: 170px;
}

.recipeHeader
{
	margin-top:10px; 
	margin-bottom:10px;
}

.recipeRightDetails
{
	float: right;
	margin-top:10px;
	color: #555555;
}

.recipeMain
{
	width:580px;
	padding-left: 11px;
	margin-top: 3px;
}

.recipeImage
{
	float:left;
}

/* The send mail section */
#sendMailDisplay
{
	margin-top: 20px;
	width:580px;
	padding-left: 11px;
}

.emailComment
{
	width: 196px;
	height: 50px;
}

.emailCode
{
	width: 200px;
}

/* The add comment textbox*/

.commentPopupBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.addCommentPopup
{
	position:absolute;
	visibility:hidden;
	background-color: #990033 !important;
	border: solid 2px #CCC;
	color: #FFFAF0;
}

.commentPopup
{
	text-align:center;
	background-color:#FFFAF0;
	border-width:3px;
	border-style:solid;
	border-color: #990033;
	padding:3px;
	width:360px;
	height:240px;
}

.addCommentLabel
{
	margin-left: 245px;
	cursor : pointer;
	color: #000;
	text-decoration: underline;
}

.addComment
{
	width: 574px;
	height: 70px;
}

#commentDisplay
{
	margin-top: 20px;
	width:580px;
	padding-left: 11px;
}

.commentHeader
{
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	width:580px;
	text-align: center;
	color: #990033;
}

.commentHeader2
{
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	width:600px;
	text-align: center;
	color: #990033;
}

.commentWho
{
	margin-top: 10px;
	padding-top: 5px;
	vertical-align: middle;
}

.commentText
{
	padding-top: 5px;
	color: Black;
}

.commentWhen
{
	text-align: right;
	color: #999999;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-right: 20px;
	font-size: 10px;
	float: right;
}

.watermark
{
	font-style:italic;
	color: #999999;
	width:574px;
	height: 70px;
}

.recentRecipes
{
	margin: 0px 0px 10px 0px;
}
/* MISC SPECIFIC END */

.myProfile
{
	width:580px;
	padding-left: 11px;
	margin-top: 3px;
}

.pagePanel
{
	width:580px;
	padding-left: 11px;
	margin-top: 3px;
}

.amazonCol
{
	padding-top: 10px;
	width: 190px;
	float: left;
	text-align: center;
}

.greyText
{
	color: #555555;	
}

/* MY PROFILE START */

.leftCell
{
	width: 150px;	
	font-weight: bold;
}

.aboutMe
{
	width: 380px;
	height: 120px;
}

.website
{
	width: 380px;
}

.aboutMeWatermark
{
	font-style:italic;
	color: #999999;
	width: 420px;
	height: 120px;
}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:5px;
	text-align:left;
}

.dragHandle {
	width:20px;
	height:20px;
	background-image:url(/images/reorder.gif);
	background-repeat: no-repeat;
	cursor:move;
	border:outset thin white;
}

.profileElementBody ul
{
	margin-left: 0px;
	padding-left: 0px;
}

.profileElementBody li
{
	list-style: none;	
}

.profileElementHeader
{
    border: 1px solid #990033;
    color: #FFFAF0;
    background-color: #990033;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    height: 14px;
}

.profileElementBody
{
    background-color: #CCCCCC;
    border: 1px solid #990033;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    margin-bottom: 5px;
    width:568px;
}

.profileUpdateProgress
{
	float: right;
}

.profileHeaderText
{
	float: left;
}


.noDisplay
{
	display:none;	
}

.contactInput
{
	width: 300px;
}

.contactInput2
{
	width: 306px;
}

.error
{
	font-weight: bold;
	color: #FF0000;
}

/* Forum related BEGIN */

.forumOuter
{
	width: 98%;
	margin-bottom: 10px;
}

.forumTitle
{
	width: 100%;
	font-weight: bold;
	padding: 5px;
	border: solid 1px #CCCCCC;
}

A.forumLink, A.forumLink:Visited
{
	color: #990033;	
}

.forumDetails
{
	float:right;
	color: #999999;
	font-size: 8pt;
}

.forumBody
{
	width: 100%;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.forumTopicInput
{
	width: 380px;
}

.forumPostInput
{
	width: 380px;
}

.quickPostInput
{
	width: 580px;
}

.forumTopicMain
{
	border: solid 1px #CCCCCC;
	padding: 1px;
}
.forumTopicHeader
{
	border: solid 1px #990033;
	height: 20px;
	padding-top: 2px;
	padding-left: 4px;
	color: #444;
	margin-bottom: 1px;
}

.forumTopicFooter
{
	border: solid 1px #990033;
	margin-top: 4px;
	padding-bottom: 4px;
	padding-top: 2px;
	padding-left: 4px;
	color: #444;
	
}

.topicInfo
{
	margin-top: 4px;
	color: #444;
	font-size: 8pt;
	background-color: #DDD;
	color: #990033;
}

.topicOverview
{
	padding: 3px;
	border: solid 1px #555;
	margin-bottom: 4px;
}

.forumLink2, .forumLink2:visited
{
	text-decoration: none;
	color: #000000;
}

.forumLink2:hover
{
	text-decoration: underline;
}

.forumHeader
{
	border: solid 1px #CCC;
	background-color: #EEE;
	height: 20px;
	padding-top: 4px;
	padding-left: 4px;
}

.forumMessage
{
	padding-top: 6px;
	padding-left: 4px;
	padding-bottom: 6px;
}

.messagePostCollapse
{
	height: 0px;
	overflow:hidden;
	padding-left: 0px;
}

.quote
{
	font-weight:bold;
	font-size:10px;
	margin-top:6px;
}

.innerquote
{
	border: dotted 1px #CCC;
	background-color: #FFF;
	font-family: Verdana;
	font-weight: normal;
	width: 99%;
	color: #555;
	font-size: 10pt;
	
}

/* Forum related END */

.online
{
	font-weight:bold;
	font-size:10px;
	margin-top:6px;
	color: #008800;
}

.profileBox
{
	padding: 3px;
	border: solid 1px #555;
	margin-bottom: 10px;
}

/* RED BAR Begin */

.redbar_left
{
	background-image: url('/images/redbar_left.gif');
	background-repeat: no-repeat;
	float:left;
	width: 7px;
	height: 26px;
}

.redbar_center
{
	background-image: url('/images/redbar_center.gif');
	background-repeat: repeat-x;
	height: 26px;
	padding-top: 7px;
	color: #f5f5f5;
}

.redbar_right
{
	background-image: url('/images/redbar_right.gif');
	background-repeat: no-repeat;
	float:right;
	width: 6px;
	height: 26px;
}

A.whiteLink, A.whiteLink:Visited
{
	color: #f5f5f5;	
}

A.greyLink, A.greyLink:Visited
{
	color: #555555;	
}

.pager
{
	float:right;
	margin-right: 4px;
}

/* RED BAR END */