﻿html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
ul
{
	    margin: 16px;
}

body {
	padding: 0 386px;
	margin:20px 0;
	text-align: center;
	font-family:"Arial", Verdana, "Lucida Grande", Arial, sans-serif;
	font-size:76%;	
	background-color:#000000;
	color:#333333;
}

h2, h3, h4, h5, h6 {color:#BF5C2D;}


h1 
{
	color:#990000;
    margin:0;
	font-size: 1.6em;
	font-weight: normal;
}
h2 {
	margin: 0.5em 0;
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p {margin:2em 0;line-height:1.4;}

a {
	text-decoration:underline;
	color:#933126;
	font-family: Arial;
	font-size: 8pt;
}

a:hover {text-decoration:none;}

#sizeFix
{
	width:505px;	
}

#sizer {
	width: 58%;
	max-width: 192px;
	margin: 0 auto;
	padding: 0;
}
#expander {	
	position: relative;
	min-width: 772px; 
	margin: 0 -306px 0 -466px;	
	background: #F1AC2C;
}


* html #expander { height: 0; }


#wrapper { 
	width: 100%; 
	border-left:10px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
	text-align:left;
	background-image:url(Images/rightcol_bg.png);
	background-repeat:repeat-y;
	background-position:top right;
} 


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
 }
.clearfix {
    display: inline-table; 
}


* html .clearfix {height: 1%;}
.clearfix {display: block;}


#skiptocontent{
	position:absolute;
	margin-left:-1000px;
}
#leftcolumn{
	float:left;
	width:152px;
	border-top:10px solid #FFFFFF;
	margin-right:-3px; 
	background-color:#F1AC2C;
	font-size:0.9em;
}

html>body #leftcolumn{margin-right:0;}

#leftcoltop{height:40px;}

#loginbox {
	padding:5px 0.5em;
	min-height:130px;	
}

* html #loginbox {height:130px;}

#loginbox h4 {margin:0;}

#leftbarcontainer {padding:4em 0.5em;}

#subnav {
	padding-bottom:1em;
	overflow:hidden;
}

#subnav a {}

#subnav a:hover {text-decoration:underline;}

.leftbaritem {padding:2em 0.5em;}

#rightcolumn{
	float:right;
	width:152px;
	margin-left:-3px; 
	background-color:#F7DE8A;
	font-size:0.9em;
}

html>body #rightcolumn{margin-left:0;}

#rightcoltop{	
	padding:5px 20px 5px 10px;
	height:25px;
	border-bottom:15px solid #FFFFFF;	
	text-align:right;
	color:#FFFFFF;
	background-color:#000000;
}
	
#rightcoltop a {color:#FFFFFF;}

#rightbarcontainer {
	padding:4em 0.5em;
	border-right:10px solid #FFFFFF;	
	background-color:#F7D56F;
}

.rightbaritem{padding:2em 0.5em;}

#leftcolumn h4, #rightcolumn h4 {font-family: Arial, Helvetica, Sans-Serif;}

#centercolumn{
	height:1%;
	margin-bottom:-20px;
	background-color:#F7DE8A;
}
html>body #centercolumn {
	height:auto;
    margin-bottom:0;
	margin-left:152px;
	margin-right:152px;
}
#centercoltop{
	height:25px;	
	border-top:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	background-color:#F1AC2C;
}
#mainnav {	
	height:30px;
	font-size:1em;
	background-color:#FFFFFF;
}

#mainnav a {color:#FFFFFF;}

#mainnav a:hover{}

#mainnav table {text-align:right;}

#mainnav .item {
	font-weight:bold;
	background-color:#933126;	
	padding:1px 1em;
}

#mainnav .hover{color:#F1AC2C;}

#mainnav .selected {background-color:#85B94A;}

#header {
	position:relative;
	height:150px;
	margin:0;
	border-left:10px solid #FFFFFF;
	background-color:#F7D56F;
	
}

#header img
{
	height:144px;
	width:648px;
	float:left;
}
#maincontent {
	margin:0;
	padding:4em 2em;
	border-left:10px solid #FFFFFF;
}
#maincontent .teaser {
	color:#608391;
	margin:-0.7em 0;
}

#maincontent table tr td {padding: 0.2em 0.5em;} 

#maincontent fieldset {	
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #000000;
}

#maincontent legend {color:#608391;}

* html #maincontent legend {
    padding:0.5em;
    background-color:#F7DE8A;
}
#maincontent caption {
    text-align:left; 
    font-weight:bold;
}
.button {
    border:1px solid #963427;
    font-size:1em;
    background-color:#F7DE8A;
    color:#964327;
    } 
#maincontent .button {
    padding:0.1em 0.3em;
    border-color:#963427;
    background-color:#F1AC2C;
    color:#FFFFFF;
}
.txtBox {
    border: 1px solid #964327;
    font-size:1em;
    background-color:#FFFFFF;
}

html>body #maincontent .txtBox{font-size:1.2em;}

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
div.readmore {
	text-align:right;
}
#footer{
	margin:0; 
	padding:0 0 1.5em 2.8em;
	border-left:10px solid #FFFFFF;
	font-size:smaller;
	text-align:center;
}

* html #footer {padding:0 0 2.5em 4.6em;}

#footer a {padding:0 0.5em;}

#divChangePassword
{
	width:600px;
}

.cpLabel
{
	float:left;
	width:150px;
}
.cpTextbox
{
	float:left;
	width:190px;
}

#divCreateMembership
{
	width:475px;
}
.cmLabel
{
	float:left;
	width:150px;
	
}
.cmTextbox
{
	float:left;
	width:200px;
}
.afLabel
{
	float:left;
	width:88px;
	
}
.afTextbox
{
	float:left;
	width:150px;
}
.cmDDL
{
	float:left;
	width:207px;
}

#divViewRecipe
{
	width:495px;
}
.lblLabel
{
	float: left;
	width: 155px;
	font-weight: bold;
	border-left-color: white;
	border-bottom-color: white;
	color: maroon;
	border-top-color: white;
	text-decoration: underline;
	border-right-color: white;
	font-size:medium;
}
.lblData
{
	float: left;
	width: 320px;
	border-left-color: maroon;
	border-top-color: maroon;
	border-right-color: maroon;
	font-size:medium;
	
}

#currentInfo
{
	
	
}
#changeInfo
{
	
}
.labelTitle
{
	font-size: medium;
	color: #ff9900;
}

/*used for update progress*/
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=70); 
    opacity:0.7; 
    /*z-index:1000; */
}

#processMessage { 
    position:fixed; 
    top:45%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}



/*These are used for ajax components*/
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/*for Password Strength*/
.TextIndicator_TextBox1_Strength1
{
     background-color:#F7DE8A;
     color:Red;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:#F7DE8A;
     color:Orange;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:#F7DE8A;
     color: Black;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:#F7DE8A;
     color:Blue;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:#F7DE8A;
     color: Green;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #BF5C2D;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #F1AC2C;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 8px;
    font-size:12px;
    color:#933126;
    font-family:Arial;
	
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : auto;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #dcdcdc;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-color:Transparent;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}



@media print {	
	body {
		margin:0;
		padding:0;
		font-size:10pt;
		line-height:12pt;
		background:#FFFFFF !important;
	}
	#sizer {
		margin:0;
		width:auto !important;
	}
	#expander {
		position:static;
		margin:0 !important;
		background: none;
	}	
	#wrapper {
		border:none;
		background:none;
	}	
	a {
		color:#666666; 
		text-decoration:underline;
	}
	
	#leftcolumn, #rightcolumn, #maincontent h2:before {display:none;}	
	
	#centercolumn {
		width:100%;
		margin:0 !important;
		background:none;
	}
	#centercoltop {
		height:auto;
		background:none;
	}
	#header {
		margin:0; 
		border:none;
		height:auto;
		background:none;
		display:none;
	}
	
	
	#maincontent {
		margin:0; 
		border:none;
		background:transparent;
	}
	#maincontent .teaser {font-style:italic;}
	
	#maincontent fieldset {border:none;}
	
	#maincontent .txtBox {background:none;}
	
	